@charset "utf-8";

@font-face {
	font-family: "Spoqa Han Sans Neo";
	font-weight: 400;
	font-display: swap;
	src: local("Spoqa Han Sans Neo Regular"),
			url("/fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"),
			url("/fonts/SpoqaHanSansNeo-Regular.woff") format("woff"),
			url("/fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Spoqa Han Sans Neo";
	font-weight: 700;
	font-display: swap;
	src: local("Spoqa Han Sans Neo Medium"),
			url("/fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"),
			url("/fonts/SpoqaHanSansNeo-Medium.woff") format("woff"),
			url("/fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "Spoqa Han Sans Neo";
	font-weight: 800;
	font-display: swap;
	src: local("Spoqa Han Sans Neo Bold"),
			url("/fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"),
			url("/fonts/SpoqaHanSansNeo-Bold.woff") format("woff"),
			url("/fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype");
}

:root {
  --100vh: calc(var(--vh, 1vh) * 100);
  --100vw: calc(var(--vw, 1vw) * 100);
  --scalew: var(--scalew);

	--header-h: 88px;

  --primary: rgb(0, 162, 197);
  --secondary: ;
  --tertiary: ;
  --positive: #00a2c5;
  --negative: #fb5b5B;
  --dismiss: #666666;
		
  --lc-white: #fff;
  --lc-black: #222;
	--lc-grey: #ccc;
  --lc-light-grey: #f5f5f5;
	--lc-table: rgba(0, 0, 0, .12);
	
  --bg-white: #fff;
  --bg-black: #222;
  --bg-dim-white: rgba(255, 255, 255, .8);
  --bg-dim-black: rgba(0, 0, 0, .8);
	--bg-readonly: #e9e9e9;
  --bg-disabled: #e9e9e9;
	--bg-backdrop: rgba(0, 0, 0, 0.6);

  --fc-default: #666;
  --fc-white: #fff;
  --fc-black: #222;
	--fc-readonly: #a3a3a3;
  --fc-disabled: #bfbfbf;
	--fc-placeholder: #ccc;

	--scrollbar-thumb-color: #c9c9c9;
	--scrollbar-track-color: #ffffff;

	--input-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
	--focused-box-shadow: inset 0 0 0 2px rgba(0, 162, 197, 1);
	--active-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .6);
	--focused-transition: box-shadow .3s ease;
}

body, div, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, fieldset, legend, button, p, pre, blockquote, menu, figure, input {margin: 0;padding: 0;}
header, footer, section, article, aside, nav, hgroup, supplement, menu, figure, figcaption {display: block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, select, input, textarea, p, blockquote, th, td, menu, button, a, span, strong, label, header, footer, section, article, aside, nav, hgroup, supplement, figure, figcaption {box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button, option {font-weight: normal;color: inherit;}
pre, code, samp, kbd {font-family: inherit;}
h1, h2, h3, h4, h5, h6, strong, b, th {font-weight: bold;}
em, var, address {font-style: normal;}
ul, ol, li {list-style: none;}

legend, fieldset, button, img {border: 0 none;}
input, select, textarea, button, label, strong, a, time {vertical-align: inherit;}
input, select, textarea, button, option {font-family: inherit;font-weight: inherit;}
/* input, select, textarea {appearance: none;-webkit-appearance: none;} */
input[type="text"]::-webkit-search-cancel-button {appearance: none;-webkit-appearance: none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;}
button, select, option {color: inherit;text-transform: none;}
textarea {resize: none;}
caption, legend {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
table {border-collapse: collapse;border-spacing: 0;}
button {overflow: visible;text-align: left;cursor: pointer;background: none;}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td, button,
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: "Spoqa Han Sans Neo", AppleGothicNeoSD, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Droid sans", "Malgun Gothic", "맑은 고딕", Helvetica, Dotum, "돋움", sans-serif;
  font-size: 1rem;
}

html,
body {display: block;height: 100%;font-size: 16px;color: #000;scroll-behavior: smooth;}

html, body {font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
ul, ol, li {list-style:none;}
a {color: inherit;text-decoration: none;}





sup,
sub {position: relative;height: 0;line-height: 1;vertical-align: baseline;}
sup {bottom: 0.2em;}
sup.ess,
sup.ref {position: relative;bottom: 0.5em;height: 0;line-height: 1;vertical-align: baseline;font-size: .875rem;font-weight: bold;margin: 0 0.2em;}
sup.ess {color: #a90f39;}
sup.ess:before{display: inline-block;position: absolute;top: 0;left: 0;width: 1px;height: 1px;overflow: hidden;font-size: 1px;content: "필수입력";clip: rect(1px, 1px, 1px, 1px);}
sub {top: 0.5em;}




/* Headings */
h1 {font-size: 2rem;}		/* 32px */
h2 {font-size: 1.875rem;}	/* 30px */
h3 {font-size: 1.75rem;}	/* 28px 페이지 타이틀 */
h4 {font-size: 1.25rem;}	/* 20px 서브 타이틀 */
h5 {font-size: 1.125rem;}	/* 18px */
h6 {font-size: 1rem;}		/* 16px */

p {line-height: 1.5;}


span.icon,
span.label,
span.number,
span.value,
span.prefix,
span.suffix {
	display: inline-block;
	vertical-align: middle;
}

a.blank,
a.mailto {
	color: var(--primary);
}

.body--dark a.blank,
.body--dark a.mailto {
	color: var(--primary);
}

a.blank:not(.button):hover,
a.mailto:not(.button):hover {
	text-decoration: underline;
}

a.button,
button.button,
input[type="button"].button {
	cursor: pointer;
}

/* a11y */
.clipped {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
figcaption {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.transparent {opacity: 0 !important;}

.p80 {width: 80%;}
.p100 {width: 100%;}

/* 인스턴트 마진, 보더 */
.mt0 {margin-top: 0 !important;}.mt1 {margin-top: 1px;}.mt2 {margin-top: 2px;}.mt3 {margin-top: 3px;}.mt4 {margin-top: 4px;}.mt5 {margin-top: 5px;}.mt6 {margin-top: 6px;}.mt7 {margin-top: 7px;}.mt8 {margin-top: 8px;}.mt9 {margin-top: 9px;}
.mt10 {margin-top: 10px !important;}.mt11 {margin-top: 11px;}.mt12 {margin-top: 12px;}.mt13 {margin-top: 13px;}.mt14 {margin-top: 14px;}.mt15 {margin-top: 15px;}.mt16 {margin-top: 16px;}.mt17 {margin-top: 17px;}.mt18 {margin-top: 18px;}.mt19 {margin-top: 19px;}
.mt20 {margin-top: 20px !important;}.mt22 {margin-top: 22px;}.mt24 {margin-top: 24px;}.mt25 {margin-top: 25px;}.mt26 {margin-top: 26px;}.mt28 {margin-top: 28px;}
.mt30 {margin-top: 30px !important;}.mt32 {margin-top: 32px;}.mt34 {margin-top: 34px;}.mt35 {margin-top: 35px;}.mt36 {margin-top: 36px;}.mt38 {margin-top: 38px;}
.mt40 {margin-top: 40px !important;}.mt42 {margin-top: 42px;}.mt44 {margin-top: 44px;}.mt45 {margin-top: 45px;}.mt46 {margin-top: 46px;}.mt48 {margin-top: 48px;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.mr0 {margin-right: 0 !important;}.mr1 {margin-right: 1px;}.mr2 {margin-right: 2px;}.mr3 {margin-right: 3px;}.mr4 {margin-right: 4px;}.mr5 {margin-right: 5px;}.mr6 {margin-right: 6px;}.mr7 {margin-right: 7px;}.mr8 {margin-right: 8px;}.mr9 {margin-right: 9px;}
.mr10 {margin-right: 10px !important;}.mr12 {margin-right: 12px;}.mr15 {margin-right: 15px;}.mr16 {margin-right: 16px;}
.mr20 {margin-right: 20px !important;}.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px !important;}.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px !important;}.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px !important;}

.mb0 {margin-bottom: 0 !important;}.mb1 {margin-bottom: 1px;}.mb2 {margin-bottom: 2px;}.mb3 {margin-bottom: 3px;}.mb4 {margin-bottom: 4px;}.mb5 {margin-bottom: 5px;}.mb6 {margin-bottom: 6px;}.mb7 {margin-bottom: 7px;}.mb8 {margin-bottom: 8px;}.mb9 {margin-bottom: 9px;}
.mb10 {margin-bottom: 10px !important;}.mb12 {margin-bottom: 12px;}.mb15 {margin-bottom: 15px;}.mb16 {margin-bottom: 16px;}
.mb20 {margin-bottom: 20px !important;}.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px !important;}.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px !important;}.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml0 {margin-left: 0 !important;}.ml1 {margin-left: 1px;}.ml2 {margin-left: 2px;}.ml3 {margin-left: 3px;}.ml4 {margin-left: 4px;}.ml5 {margin-left: 5px;}.ml6 {margin-left: 6px;}.ml7 {margin-left: 7px;}.ml8 {margin-left: 8px;}.ml9 {margin-left: 9px;}
.ml10 {margin-left: 10px !important;}.ml12 {margin-left: 12px;}.ml15 {margin-left: 15px;}.ml16 {margin-left: 16px;}
.ml20 {margin-left: 20px !important;}.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px !important;}.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px !important;}.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px !important;}

.b0 {border: 0 !important;}
.bt0 {border-top: 0 !important;}
.br0 {border-right: 0 !important;}
.bb0 {border-bottom: 0 !important;}
.bl0 {border-left: 0 !important;}

/* gap-group */
.gap-group {display: flex;flex-direction: column;}
.gap-group.level1 {gap: 40px !important;}
.gap-group.level2 {gap: 32px !important;}
.gap-group.level3 {gap: 24px !important;}
.gap-group.level4 {gap: 16px !important;}
.gap-group.level5 {gap: 12px !important;}
.gap-group.level6 {gap: 4px !important;}
.gap-group.gap-0 {gap: 0px !important;}
.gap-group.gap-8 {gap: 8px !important;}
.gap-group.gap-4 {gap: 4px !important;}


em {color: var(--primary);}
em.negative, 
em.require {color: var(--negative);}
.underline {text-decoration: underline;text-underline-offset : 4px;}

.fs32 {font-size: 2rem !important;}    /* 32px */
.fs28 {font-size: 1.75rem !important;} /* 28px */
.fs24 {font-size: 1.5rem !important;}  /* 24px */
.fs20 {font-size: 1.25rem !important;} /* 20px */
.fs18 {font-size: 1.125rem !important;} /* 18px */
.fs16 {font-size: 1rem !important;}    /* 16px */
.fs14 {font-size: .875rem !important;} /* 14px */
.fs12 {font-size: .75rem !important;} /* 12px */
.fw400 {font-weight: 400 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}


.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

body.find5 {background-color: var(--bg-white) !important;}

.ux-container {
	display: flex;flex-direction: column;
	overflow-x: hidden;
}

header,
main,
main > .dev,
footer {
	display: flex;flex-direction: column;
	position: relative;
}

header,
footer {flex-grow: 0;flex-shrink: 0;flex-basis: 80px;}

main {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
main > .dev {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}

section {
	display: flex;flex-direction: column;align-items: center;
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
}

article {
	display: flex;flex-direction: column;
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	width: 1240px;
}

.ux-title,
.ux-content {position: relative;}


.ux-hr {border-width: 5px;border-style: solid;color: #fafafa;margin: 0 -20px;}
main > .dev > section > article {display: flex;flex-direction: column;gap: 40px;padding: 40px 0;}
main > .dev > section > article > .ux-content {}
section.dock {display: flex; flex-grow: 0;}
section.dock article {padding: 0;}
section.dock .ux-button {border-radius: 0;}






header {flex-basis: var(--header-h);height: var(--header-h);}
header section {
	position: fixed;top: 0;right: 0;left: 0;width: 100%;height: var(--header-h);
/* 	background: var(--bg-white);box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08); */
	background: var(--bg-white); /*레드마인 결함 39 틀고정 구간 줄 제거 요청으로 인한 border-bottom css 제거  */
}
html.observer-layout-header-is-intersecting header section {box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0);}
header article {display: flex;flex-direction: column;}
header article > .ux-title {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;flex-direction: row;justify-content: space-between;align-items: center;
	padding: 0;
}
header .ux-title .ux-bar {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;align-items: center;gap: 8px;
}
header .ux-title .ux-bar.left {gap: 4px;justify-content: flex-start;}
header .ux-title .ux-bar.right {gap: 32px;justify-content: flex-end;}

header .ux-title .ux-bar h3 {font-size: 1rem;}
@media screen and (max-width: 319px) {
	header .ux-title .ux-bar h3 {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
}


header .ux-title .ux-button .icon {background-repeat: no-repeat;background-position: center;background-size: cover;}
header .ux-title .ux-button.button-cc {gap: 12px;font-size: 1rem;}
header .ux-title .ux-button.button-cc .icon {width: 24px;height: 24px;background-image: url("/images/find5/index_icon_cc.svg");}
header .ux-title .ux-button.button-cc .label {color: var(--primary);}




footer section {background-color: #34383b;}
footer article {display: flex;flex-direction: column;}
footer article > .ux-content {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;flex-direction: row;justify-content: space-between;align-items: center;
	padding: 40px 0;
}
footer .ux-content .ux-bar {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;flex-direction: column;
}
footer .ux-content .ux-bar.left {gap: 40px;justify-content: flex-start;}
footer .ux-content .ux-bar.right {gap: 32px;justify-content: flex-end;}

footer .shortcut-list {overflow: hidden;}
footer .shortcut-list ul {display: flex;align-items: center;margin-left: -20px;}
footer .shortcut-list .shortcut {
	display: flex;justify-content: center;align-items: center;
	position: relative;height: 24px;font-size: .875rem;color: var(--fc-white);padding: 0 20px;
}
footer .shortcut-list .shortcut:before {
	display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 10px;
	background: rgba(255, 255, 255, .24);transform: translateY(-50%);content: "";
}
footer .shortcut-list .shortcut:focus {outline-offset: -2px;}
footer .info-list {font-size: .875rem;font-weight: normal;color: var(--fc-white);opacity: .4;}
footer .info-list .info dt,
footer .info-list .info dd,
footer .info-list .copyright {font-size: .875rem;color: var(--fc-white);}
footer .info-list ul {display: flex;flex-direction: column;gap: 4px;}
footer .info-list li {display: flex;align-items: center;gap: 20px;}
footer .info-list .info {display: flex;align-items: center;gap: 20px;}
footer .info-list .info dl {display: flex;align-items: center;}
footer .info-list .info.address dt {display: none;}
footer .info-list .info.phone dt + dd:before {padding: 0 4px;content: ":";}
footer .logo-list ul {display: flex;justify-content: flex-end;align-items: center;gap: 16px;}




/* Components */

/* headings */
.h4 {display: flex;flex-direction: column;gap: 20px;}
.h4 > .ux-title .icon-title {font-size: .875rem; display: flex;justify-content: center;gap: 4px;}
.h5 {display: flex;flex-direction: column;gap: 16px;}

.h6 {display: flex;flex-direction: column;gap: 8px;}
.h6 > .ux-title h6 {font-weight: 700;font-size: .875rem;}
.h6 > .ux-content {display: flex;flex-direction: column;gap: 8px;}

.ux-card-list > ul {display: flex;flex-direction: column;gap: 8px;}
.h6 .ux-card-list > ul {gap: 8px;}


.shadow {box-shadow: 3px 3px 7px 3px rgba(0,0,0,0.17);}

/* ux-form */
.ux-form {display: flex;flex-direction: column;gap: 24px;}
.ux-form .ux-field .ux-button-bar {margin-top: 4px;}
.ux-form .ux-field .ux-input + .ux-button-bar .ux-button.h2 {min-width: 100px;}

.ux-field {display: flex;flex-direction: column;gap: 8px;}
.ux-field label {font-weight: 700;font-size: .875rem;}
.ux-field .ux-input {position: relative;}
.ux-field .ux-input .ux-textfield input {width: 100%;height: 44px;padding: 0 20px;border: 0;border-radius: 10px;}
.ux-field .ux-input.brn .ux-textfield input,
.ux-field .ux-input.rrn .ux-textfield input {padding: 0 12px;}
.ux-field .ux-input .ux-button {min-width: auto;}

.ux-textfield input::placeholder {color: var(--fc-placeholder);}
.ux-textfield input:read-only,
.ux-textfield input:disabled {background-color: var(--bg-white);}
.ux-textfield.readonly input {color: var(--fc-readonly);background-color: var(--bg-readonly);}
.ux-textfield.disabled input {color: var(--fc-disabled);background-color: var(--bg-disabled);}
.ux-textfield.rrn.readonly input {background-color: var(--bg-white);}
.ux-textfield.rrn.readonly input:read-only {color: var(--fc-readonly);background-color: var(--bg-readonly);}

.ux-textarea textarea {background-color: transparent;}
.ux-textarea.readonly {color: var(--fc-readonly);background-color: var(--bg-readonly);}
.ux-textarea.disabled {color: var(--fc-readonly);background-color: var(--bg-disabled);}

/* line-type */
.ux-form .ux-field .ux-input .ux-textfield.line input {height: 44px;padding: 0;border: none;border-bottom: 1px solid var(--primary);border-radius: 0;box-shadow: none;}
/* brn: business registration number (사업자등록번호) */
.ux-input.brn {display: flex;align-items: center;gap: 4px;}
.ux-input.brn .ux-textfield {flex-basis: calc(100% / 3 - 8px);}
.ux-input.brn .ux-textfield input {text-align: center;}
.ux-input.brn .ux-textfield + .ux-button {margin-left: 4px;}


/* .ux-form .ux-field .ux-input .ux-textfield.brn {display: flex;align-items: center;gap: 4px;}
.ux-form .ux-field .ux-input .ux-textfield.brn:has(.input) {gap: 8px;}
.ux-form .ux-field .ux-input .ux-textfield.brn input {flex-basis: calc(100% / 3 - 10px);text-align: center;}
.ux-form .ux-field .ux-input .ux-textfield.brn > .input {flex-grow: 1;flex-shrink: 1;flex-basis: auto;display: flex;align-items: center;gap: 4px;}
.ux-form .ux-field .ux-input .ux-textfield.brn > .ux-button {flex-grow: 0;flex-shrink: 0;flex-basis: 23%;font-size: .875rem;}
.ux-form .ux-field .ux-input .ux-textfield.brn > .input input {flex-basis: auto;} */


/* rrn: resident registration number (주민등록번호) */
.ux-input.rrn {display: flex;align-items: center;gap: 4px;}
.ux-input.rrn .ux-textfield {flex-basis: calc(100% / 2 - 8px);}
.ux-input.rrn .ux-textfield + .ux-button {margin-left: 4px;}

/* .ux-form .ux-field .ux-input .ux-textfield.rrn {display: flex;align-items: center;gap: 4px;}
.ux-form .ux-field .ux-input .ux-textfield.rrn:has(.input) {gap: 8px;}
.ux-form .ux-field .ux-input .ux-textfield.rrn input {flex-basis: calc(100% / 2 - 8px);}
.ux-form .ux-field .ux-input .ux-textfield.rrn > .input {flex-grow: 1;flex-shrink: 1;flex-basis: auto;display: flex;align-items: center;gap: 4px;}
.ux-form .ux-field .ux-input .ux-textfield.rrn > .ux-button {flex-grow: 0;flex-shrink: 0;flex-basis: 23%;font-size: .875rem;}
.ux-form .ux-field .ux-input .ux-textfield.rrn > .input input {flex-basis: auto;} */


/* isn: Issue number (발급번호) */
.ux-form .ux-field .ux-input .ux-textfield.isn {display: flex;align-items: center;flex-wrap: wrap;gap: 4px;}
.ux-form .ux-field .ux-input .ux-textfield.isn input {flex-basis: calc(100% / 4 - 12px);padding: 0 10px;text-align: center;}
/* fromto: datepicker 기간 선택 */
.ux-form .ux-field .ux-input.fromto {display: flex;align-items: center;gap: 4px;}
.ux-form .ux-field .ux-input.fromto [class^="ux-"] {flex-basis: calc(100% / 2 - 12px);position: relative;}
/* address */
.ux-form .ux-field .ux-input .ux-textfield.address .search {display: flex;gap: 8px;}
.ux-form .ux-field .ux-input .ux-textfield.address .search .ux-button {flex-shrink: 0;flex-basis: 25%;border-radius: 10px;}
/* search */
.ux-form .ux-field .ux-input .ux-textfield.search {position: relative;}
.ux-form .ux-field .ux-input .ux-textfield.search .button-search {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.ux-form .ux-field .ux-input .ux-textfield.line.search .button-search {right: 10px;}
/* textarea */
.ux-form .ux-field .ux-textarea {position: relative;width: 100%;padding: 16px 16px 32px 16px;border-radius: 10px;}
.ux-form .ux-field .ux-textarea textarea {width: 100%;height: 100%;border: 0;}
.ux-form .ux-field .ux-textarea .text-length {position: absolute;right: 12px;bottom: 12px;font-size: .75rem;color: #222;font-weight: 400;z-index: 1;}




/* input:focus */
.ux-select,
.ux-radio,
.ux-textfield input,
.ux-textarea,
.ux-datepicker {
	box-shadow: var(--input-box-shadow);
	transition: var(--focused-transition);
}
.ux-select.is-opened,
.ux-select:focus-within,
.ux-radio.checked,
.ux-textfield input:focus,
.ux-textarea:focus-within,
.ux-datepicker:focus-within {box-shadow: var(--focused-box-shadow);}




.ux-field .ux-radio, 
.ux-field .ux-checkbox {font-size: 1rem;}



/* radio */
.ux-radio {
	display: flex;align-items: center;gap: 8px;
	cursor: pointer;padding: 12px 20px;
	border-radius: 10px;
}
.ux-radio input[type="radio"] {display: flex;vertical-align: middle;width: 24px;height: 24px;background-image: url("/images/find5/icon_radio_unchecked.svg");appearance: none;cursor: pointer;}
.ux-radio input[type="radio"]:checked {background-image: url("/images/find5/icon_radio_checked.svg");transition: all .4s ease;}
.ux-radio .label {color: #666;font-size: .875rem;}
.ux-radio.checked .label {color: var(--primary);font-weight: 700;}




/* checkbox */
.ux-checkbox {display: flex;align-items: center;gap: 8px;cursor: pointer;}
.ux-checkbox input {flex-shrink: 0;width: 24px;height: 24px;appearance: none;background-image: url("/images/find5/icon_checkbox_01_unchecked.svg");cursor: pointer;}
.ux-checkbox input:disabled ~ .label {color: #a3a3a3;}
.ux-checkbox input:checked {background-image: url("/images/find5/icon_checkbox_01_checked.svg");transition: all .4s ease;}
.ux-checkbox .label {font-weight: 400;}
.ux-checkbox.type-01 input {background-image: url("/images/find5/icon_checkbox_02_unchecked.svg");}
.ux-checkbox.type-01 input:checked {background-image: url("/images/find5/icon_checkbox_02_checked.svg");}
.ux-checkbox.type-02 input {background-image: url("/images/find5/icon_checkbox_03_unchecked.svg");}
.ux-checkbox.type-02 input:checked {background-image: url("/images/find5/icon_checkbox_03_checked.svg");}
.ux-checkbox.type-03 input {background-image: url("/images/find5/icon_checkbox_04_unchecked.svg");}
.ux-checkbox.type-03 input:checked {background-image: url("/images/find5/icon_checkbox_04_checked.svg");}
.ux-checkbox.type-03 .label {}
.ux-checkbox.disabled {pointer-events: none;opacity: .6;}

.ux-checkbox.outlined {position: relative;padding: 0 12px;border-radius: 10px;box-shadow: var(--input-box-shadow);transition: var(--focused-transition);}
/* .ux-checkbox.outlined.checked {box-shadow: var(--focused-box-shadow);} */
.ux-checkbox.outlined.disabled {background-color: var(--bg-disabled);}
.ux-checkbox.outlined.loading {pointer-events: none;}
.ux-checkbox.outlined.loading:before,
.ux-checkbox.outlined.loading:after {position: absolute;}
.ux-checkbox.outlined.loading:before {
	--w: 40px;--h: 40px;
	top: 50%;left: 50%;width: var(--w);height: var(--h);
	margin-top: calc(var(--w) / 2 * -1);margin-left: calc(var(--h) / 2 * -1);
	background-image: url("/images/find5/loading_circle.png");background-repeat: no-repeat;background-position: 50% 50%;background-size: var(--w) var(--h);
	content: "";
}
.ux-checkbox.outlined.loading:after {top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;background: rgba(0, 0, 0, .4);content: "";}
.ux-checkbox.outlined.loading:before {z-index: 2;}
.ux-checkbox.outlined.loading:after {z-index: 1;}

.ux-checkbox.outlined.loading:before {
	animation-name: loading-circle;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

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


.ux-checkbox-button {display: flex;align-items: center;}

.link-icon {display: flex;align-items: center;}


/* select */
.ux-input select {
	display: block;width: 100%;height: 44px;
	padding: 0 12px;border: 1px solid #ccc;border-radius: 10px;
	appearance: none;
	background-image: url("/images/find5/icon_select_caret.svg");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 24px 24px;
}
.ux-select {width: 100%;border-radius: 10px;}
.ux-select.readonly,
.ux-select.disabled {pointer-events: none;background-color: var(--bg-disabled);}
.ux-select.readonly .icon,
.ux-select.disabled .icon {opacity: .4;}
.ux-select .button-value {
	display: flex;justify-content: space-between;align-items: center;gap: 8px;
	width: 100%;height: 100%;padding: 10px 20px;border-radius: 10px;
}
.ux-select .button-value .label {opacity: .4;}
.ux-select.has-selected .button-value .label {opacity: 1;}
.ux-select.is-opened .icon {transform: rotate(180deg); transition: all .2s ease;}
.ux-select .icon {flex-shrink: 0; width: 24px;height: 24px;background-image: url("/images/find5/icon_select_caret.svg");  transition: all .2s ease;}
.ux-select .icon .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ux-select .options {display: none;}




/* button */

/* button base */
.ux-button {
	display: inline-flex;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;min-width: 0;overflow: hidden;
	line-height: normal;text-align: center;cursor: pointer;background: none;background-color: transparent;text-transform: none;
}

/* button default */
.ux-button {font-size: .875rem;}
.ux-button.hoverline:hover {border-bottom: 1px solid var(--lc-black);}
.ux-button.underline .icon {width: 20px;height: 20px;}
.ux-button .icon {width: 24px;height: 24px;}
.ux-button .label {white-space: nowrap;line-height: 1.5;}
.ux-button.button-to-list {font-size: 1.125rem; font-weight: 700;}

/* button.height */
.ux-button.h1 {gap: 4px;height: 56px !important;font-size: 1rem;font-weight: 700;padding: 0 24px !important;border-radius: 10px !important;}
.ux-button.h1 .icon {width: 28px;height: 28px;}
.ux-button.outlined.h1 .icon {width: 20px;height: 20px;}
.ux-button.h2 {gap: 4px;height: 44px !important;font-size: 1rem;font-weight: 400;padding: 0 12px !important;border-radius: 8px !important;min-width: 100px;}
.ux-button.h2 .icon {width: 24px;height: 24px;}
.ux-button.h3 {gap: 4px;height: 40px !important;font-size: .875rem;font-weight: 400;padding: 0 20px !important;border-radius: 8px !important;}
.ux-button.h3 .icon {width: 24px;height: 24px;}
/* button.style */
.ux-button.contained {height: 24px;color: var(--fc-white);padding: 0 12px;border-radius: 4px;background-color: var(--fc-black);}
.ux-button.contained.primary {background-color: var(--primary);}
.ux-button.contained.light-primary {background-color: #66C7DC;}
.ux-button.contained.dismiss {background-color: var(--dismiss);}
.ux-button.contained.nagative {background-color: var(--negative);}
.ux-button.contained.etc {background-color: #2A3B84;font-size: .75rem;}

.ux-button.outlined {height: 24px; font-size: .875rem;color: var(--fc-black);padding: 0 8px;border: 1px solid var(--lc-grey);border-radius: 4px;background: var(--bg-white);}
.ux-button.outlined.primary {color: var(--primary);border-color: var(--primary);}
.ux-button.outlined.dismiss {color: var(--dismiss);border-color: var(--dismiss);}

.ux-button.button-text {gap: 4px;justify-content: flex-start;font-size: 1rem;}
.ux-button.button-text.button-angle-right .icon {background-color: var(--fc-black);}

.ux-button.button-table {font-size: .75rem;}

.ux-button.button-icon {gap: 4px;}

.ux-button.primary.button-refresh {font-size: .75rem; padding: 0 6px; gap: 2px;}

.ux-button.disabled-exception,
.ux-button.disabled-exception:disabled {background-color: #009632 !important;color: var(--fc-white) !important;}

.ux-button.h2 {height: 44px;font-size: 1rem;}

/* button icon */
.ux-button .icon {flex-shrink: 0;}

/* button icon-only */
.ux-button.icon-only .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}

/* button status */
.ux-button:disabled {color: var(--fc-disabled) !important;background-color: var(--bg-disabled) !important;cursor: none;}




.ux-button-bar {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center; gap: 8px;}
.ux-button-bar.left {justify-content: flex-start;}
.ux-button-bar.right {justify-content: flex-end;}
.ux-button-bar.proc {width: 100%; gap: 0;}
.ux-button-bar.proc .ux-button {flex-basis: 50%;text-align: center;border-radius: 0 !important;}
.ux-button-bar.proc .ux-button:only-of-type {flex-basis: 100%;}
.ux-button-bar.proc.vertical {flex-direction: column;gap: 8px;}
section.dock .ux-button-bar.proc.vertical {padding: 0 20px 24px 20px;}
.ux-button-bar.proc.vertical .ux-button {width: 100%;flex-basis: auto;text-align: center;border-radius: 8px;}




/* ux-conditional */
.ux-conditional .conditional-set {position: absolute;max-height: 0;overflow: hidden;transition: max-height .4s ease;}
.ux-conditional.set .conditional-set {position: relative;max-height: 100px;}

/* 간편인증(민간인증서) */
/* .ux-conditional-mobile .conditional-set {display: none;}
.ux-conditional-mobile .conditional-set.on {display: flex;} */
.ux-conditional-mobile .ux-selectable .ux-button.org {padding-top: 8px;padding-bottom: 4px;}







/* ux-table */
.ui-table {display: flex;overflow: hidden;overflow-x: auto;font-size: .875rem;border-top: 1px solid var(--lc-table);}
.ux-table {position: relative;width: calc(100% + 1px);line-height: 1.5; margin-left: -1px;}
.ux-table:before {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #fff;content: "";  }
/* ux-table common */
.ux-table th,
.ux-table td {padding: 12px 16px;border-bottom: 1px solid var(--lc-table);border-left: 1px solid var(--lc-table);}
.ux-table th {word-break: keep-all;background-color: #e9e9e9;}
/* ux-table thead */
.ux-table thead {}
.ux-table thead th {font-weight: 700;}
.ux-table thead td {}
/* ux-table tbody */
.ux-table tbody {}
.ux-table tbody th {word-break: keep-all;}
.ux-table tbody th + td {border-left: 0;}
.ux-table tbody td {word-break: break-all;}
/* ux-table align */
.ux-table.center th,
.ux-table.center td {text-align: center;}
.ux-table.left th,
.ux-table.left td {text-align: left;}
.ux-table.right th,
.ux-table.right td {text-align: right;}
.ux-table th.center,
.ux-table td.center {text-align: center;}
.ux-table th.left,
.ux-table td.left {text-align: left;}
.ux-table th.right,
.ux-table td.right {text-align: right;}
/* ux-table scrollbar */
.ui-table::-webkit-scrollbar {height: 8px;}
.ui-table::-webkit-scrollbar-track {background: #fff;}
.ui-table::-webkit-scrollbar-thumb {background-color: #c9c9c9;border-radius: 4px;border: 2px solid #fff;}

.ux-table td.has-button {display: flex;justify-content: space-between;align-items: flex-start;gap: 8px;}
.ux-table td.has-button .ux-button {flex-shrink: 0;}



.ui-table + .ui-footnote {margin-top: 32px;}
.ui-footnote p {font-size: .875rem;color: var(--fc-default);word-break: keep-all;}




/* ui-grid */
.ui-grid.col-2 > ul {--col: 2;--gap: 12px;}
.ui-grid.col-3 > ul {--col: 3;--gap: 8px;}
.ui-grid.col-4 > ul {--col: 4;--gap: 8px;}
.ui-grid > ul {display: flex;flex-wrap: wrap;gap: var(--gap);width: 100%;}

.ui-grid > ul > li {flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / var(--col) - var(--gap) / var(--col) * (var(--col) - 1));}
.ui-grid > ul > li {width: auto;}



.ui-grid.col-1 > ul {flex-direction: column;align-items: flex-start;gap: 16px;}
.radio-group.ui-grid.col-1 > ul {gap: 8px;}
.ui-grid.col-1 > ul > li {flex-basis: 100%;width: 100%;}

.ui-org-list .org {
	flex-grow: 0;flex-shrink: 0;flex-basis: auto;
	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 8px;
	width: 100%;height: 100%;font-size: .875rem;padding: 8px 4px;border-radius: 10px;
	/* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .32); */
	box-shadow: var(--input-box-shadow);
	transition: var(--focused-transition);
}
.ui-grid.col-1.ui-org-list .org {flex-direction: row;}
.ui-grid.col-1.ui-org-list .org .media {display: flex;justify-content: center;align-items: center;padding: 0 8px;}
.ui-grid.col-1.ui-org-list .org .icon-bg {
	display: flex;justify-content: center;align-items: center;
	width: 48px;height: 48px;border-radius: 50%;background: #f5f5f5;
}
.ui-grid.col-1.ui-org-list .org.selected .icon-bg {background: #fafafa;}
/* .ui-grid.col-1.ui-org-list .org .icon {margin: 0 16px;} */
.ui-grid.col-1.ui-org-list .org .meta {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.ui-grid.col-1.ui-org-list .org .info {display: flex;flex-direction: column;align-items: flex-start;gap: 4px;}
.ui-grid.col-1.ui-org-list .org .info .name {
	width: calc(100% - 64px - 24px);text-align: left;font-size: .875rem;font-weight: 700;color: var(--fc-black);
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.ui-grid.col-1.ui-org-list .org .info .desc {font-size: .75rem;color: var(--fc-default);}
.ui-grid.col-1.ui-org-list .org .info .desc ul {display: flex;flex-direction: column;align-items: flex-start;}

.ui-grid.col-1.ui-org-list .org.certify {width: 100%;}




.ui-org-list .ux-checkbox.org {background-image: none;}
.ui-org-list .org input[type="checkbox"] {
	position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);
}
.ui-org-list .org .icon {
	--w: 32px;--h: 32px;
	width: var(--w);height: var(--h);
	background-image: none;
}
.ui-org-list .org .icon img {display: block;width: 100%;height: 100%;}
.ui-org-list .org .label {display: flex;justify-content: center;align-items: center;height: 24px;text-align: center;}
.ui-org-list .org .text {white-space: normal;}
.ui-org-list .org.text-overflowed .label {font-size: .8em;}

.ui-org-list .org.selected {background-color: var(--bg-white);box-shadow: var(--focused-box-shadow);}
.ui-org-list .org.selected span {color: var(--primary);font-weight: 700;}
.ui-org-list .org:not(.certify).selected .icon {background-image: url("/images/find5/icon_certify_checked.svg");background-repeat: no-repeat;background-size: var(--w) var(--h);}
.ui-org-list .org:not(.certify).selected .icon img {opacity: 0;}
.ui-org-list .org.disabled {pointer-events: none;background-color: var(--bg-disabled);opacity: .6;}

.ui-org-list .certify {gap: 4px;padding: 12px;}
.ui-org-list .certify .icon {
	--w: 24px;--h: 24px;
	width: var(--w);height: var(--h);
	background-image: url("/images/find5/icons_certify.svg");
	background-repeat: no-repeat;
}
.ui-org-list .certify.certify-common .icon {background-position: calc(var(--w) * 0) calc(var(--h) * 0);}
.ui-org-list .certify.certify-common.selected .icon {background-position: calc(var(--w) * 0) calc(var(--h) * 0);}

.ui-org-list .certify.certify-financial .icon {background-position: calc(var(--w) * -1) calc(var(--h) * 0);}
.ui-org-list .certify.certify-financial.selected .icon {background-position: calc(var(--w) * -1) calc(var(--h) * 0);}

.ui-org-list .certify.certify-easy .icon {background-position: calc(var(--w) * -2) calc(var(--h) * 0);}
.ui-org-list .certify.certify-easy.selected .icon {background-position: calc(var(--w) * -2) calc(var(--h) * 0);}

.ui-org-list.label-row-2 .certify {justify-content: center;padding: 4px;}
.ui-org-list.label-row-2 .certify .label {height: auto;line-height: 1.25;}





/* ui-cert-result */
.ui-cert-result {}
.ui-cert-result ul {display: flex;flex-direction: column;gap: 8px;}
.ui-cert-result .cert-result {display: flex;align-items: center;gap: 8px;height: 72px;}
.ui-cert-result .button-cert {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	height: 100%;padding: 20px;border-radius: 10px;
	box-shadow: var(--focused-box-shadow);
}
.ui-cert-result .button-cert .meta {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;justify-content: flex-start;align-items: center;gap: 8px;
}
.ui-cert-result .button-cert .media {flex-grow: 0;flex-shrink: 0;flex-basis: 20px;}
.ui-cert-result .button-cert .meta .icon {--w: 24px;--h: 24px; width: var(--w);height: var(--h);}
.ui-cert-result .button-cert .meta .icon img {display: block;height: 100%;}
.ui-cert-result .button-cert .meta .label {font-size: .875rem;}
.ui-cert-result .button-cert .media .icon {
	--w: 20px;--h: 20px;width: var(--w);height: var(--h);
	background-image: url("/images/find5/icon_angle_aside_login.svg");background-repeat: no-repeat;background-position: 50% 50%;background-size: var(--w) var(--h);
}
.ui-cert-result .button-cert.disabled {pointer-events: none;background-color: var(--bg-disabled);box-shadow: var(--input-box-shadow);}
.ui-cert-result .button-cert.disabled .meta .label,
.ui-cert-result .button-cert.disabled .media .icon {opacity: .4;}

.ui-cert-result .result {
	flex-grow: 0;flex-shrink: 0;flex-basis: 102px;
	display: flex;flex-direction: column;justify-content: center;align-items: center;
	height: 100%;font-size: .875rem;border-radius: 10px;
	box-shadow: var(--input-box-shadow);
}
.ui-cert-result .result.done,
.ui-cert-result .result.current {box-shadow: none;}
.ui-cert-result .result.done {color: var(--fc-white);background-color: var(--primary);}
.ui-cert-result .result.current {color: var(--fc-white);background-color: var(--bg-black);}



/* ui-cert-step */
.ui-cert-step {}
.ui-cert-step ol {display: flex; flex-direction: column; gap: 8px;}
.ui-cert-step .cert-step {display: flex; gap: 8px; align-items: center; padding: 16px 12px; font-size: .875rem; background-color:#F5FDFF; border-radius: 10px;}
.ui-cert-step .media {display: flex; align-items: center; justify-content: center;width: 48px; height: 48px; background-color: #fff; border-radius: 50%;}
.ui-cert-step .media .icon {--w: 32px;--h: 32px; width: var(--w);height: var(--h);background-image: url("/images/find5/icons_certify_step.svg");}
.ui-cert-step .media .icon.step-01 {background-position: calc(var(--w) * 0) calc(var(--h) * -1);}
.ui-cert-step .media .icon.step-02 {background-position: calc(var(--w) * -1) calc(var(--h) * -1);}
.ui-cert-step .media .icon.step-03 {background-position: calc(var(--w) * -2) calc(var(--h) * -1);}
.ui-cert-step .meta {display: flex; flex-direction: column; gap: 4px;}
.ui-cert-step .meta .title {font-weight: 700; color: var(--primary);}



/* ui-cert-details */
.ux-dialog .h4.ui-cert-details {gap: 32px;}
.ui-cert-details .ux-title {text-align: center;}
.ui-cert-details .ux-title .desc p {font-size: .875rem;color: var(--fc-default);}
.ui-cert-details .cert-details {display: flex;flex-direction: column;gap: 32px;}
.ui-cert-details .cert-details .media {display: flex;justify-content: center;align-items: center;}
.ui-cert-details .cert-details .media .icon {
	display: block;position: relative;width: 100px;height: 100px;;
	background-image: url("/images/find5/icon_cert_wire_frame.svg");
	background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;
}
.ui-cert-details .cert-details .media .icon .logo {position: absolute;top: 50%;right: 0;width: 40px;height: 40px;transform: translateY(-50%);}
.ui-cert-details .cert-details .media .icon .logo img {display: block;height: 100%;}
.ui-cert-details .cert-details .meta {display: flex;flex-direction: column;gap: 16px;padding: 16px;border-radius: 10px;background-color: #e9e9e9;}
.ui-cert-details .cert-details .meta h5 {line-height: 1.5;font-size: .875rem;word-break: keep-all;}
.ui-cert-details .cert-details .meta .text-list {counter-reset: item;}
.ui-cert-details .cert-details .meta .text-list ol {
	display: flex;flex-direction: column;gap: 8px;
}
.ui-cert-details .cert-details .meta .text-list li {position: relative;font-size: .75rem;color: var(--fc-default);padding-left: 1.2em;}
.ui-cert-details .cert-details .meta .text-list li:before {
	position: absolute;top: 0;left: 0;
	counter-increment: item;content: counter(item) ". ";
}




/* chip */
.ux-chip {
	display: flex;align-items: center;
	height: 24px;padding: 0 12px;background-color: rgba(0, 0, 0, .8);color: var(--fc-white);border-radius: 4px;}
.ux-chip.type-01 {background-color: #009632;}
.ux-chip .label {font-size: .75rem;font-weight: 400;text-align: center;}





/* tooltip */
.ux-tooltip {display: flex;gap: 4px;position: relative;}
.ux-tooltip .ui-tooltip {display: none;}
.ui-tooltip {position: absolute;padding: 8px 0;opacity: 0;transition: opacity .3s ease;}
.ui-tooltip.on {opacity: 1;}
.ui-tooltip .tooltip {
	width: 72vw;font-size: .75rem;
	border-radius: 4px;background: #fff;
	box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, .08);
}
.ui-tooltip .tooltip-title,
.ui-tooltip .tooltip-content {position: relative;background: #fff;}
.ui-tooltip .tooltip-title {padding: 12px;}
.ui-tooltip .tooltip-title h6 {font-size: .75rem;}
.ui-tooltip .tooltip-content {color: var(--fc-default);padding: 0 12px 12px 12px;}
.ui-tooltip:before {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;content: "";}
.ui-tooltip:before {z-index: 51;}
.ui-tooltip .tooltip-title,
.ui-tooltip .tooltip-content {z-index: 52;}
.ui-tooltip .tooltip-content .media img {width: 100%;}

.button-tooltip {gap: 4px;}


/* ux-result */
.ui-result > article {align-items: center;justify-content: center;}
.ui-result .ux-result {gap: 20px;padding: 32px 0;}
.ui-result .ux-result .icon {width: 100px;height: 100px;}
.ui-result .ux-result .message {gap: 8px;}
.ui-result .ux-result .message .label {color: #222;}
.ux-result {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;padding: 24px 0;}
.ux-result .icon {display: block;width: 100px;height: 100px;}
.ux-result .message {display: flex;flex-direction: column;align-items: center;gap: 4px;}
.ux-result .message .label {font-size: 1.125rem;font-weight: 700;text-align: center;word-break: keep-all;}
.ux-result .message .desc {font-size: .875rem;font-weight: 400;color: #666;text-align: center;}
.ux-result.no-result.type-02 {height: 100%;}
.ux-result.success .icon {background-image: url("/images/find5/img_success.svg");}
.ux-result.no-result .icon {background-image: url("/images/find5/img_no_result.svg");}
.ux-result.no-result.type-01 .icon {background-image: url("/images/find5/img_no_result_t1.svg");}
.ux-result.no-result.type-02 .icon {background-image: url("/images/find5/img_no_result_t2.svg");}

.ux-result.certify-common {gap: 24px; padding: 0;}
.ux-result.certify-common .media {display: flex;flex-direction: column;gap: 8px;align-items: center;}
.ux-result.certify-common .media .icon {width: 80px;height: 80px;background-image: url("/images/find5/img_result_certify_common.svg");}
.ux-result.certify-common .ux-card {padding: 20px 16px;width: 100%;}
.ux-result.certify-common .ux-card .card .title {font-size: 1rem;font-weight: 700;}
.ux-result.certify-common .ux-card .card > ul {display: flex;flex-direction: column;gap: 12px;}
.ux-result.certify-common .ux-card .card > ul ul {display: flex;flex-direction: column;gap: 8px;font-size: .75rem;color: #666;font-weight: 400;}











/**
 * ui-bbs
 */

/* ui-bbs-list */
.ui-bbs {}
.ui-bbs > .ux-title {flex-direction: column;justify-content: space-between;align-items: normal;}
.ui-bbs > .ux-title .ux-form .ux-field .ux-input {display: flex;justify-content: center;align-items: center;}
.ui-bbs > .ux-title .ux-form .ux-field .ux-input .ux-textfield {width: 50%;}
.ui-bbs > .ux-title .ux-form .ux-field .ux-input .ux-textfield.line input {width: 100%;}
.ui-bbs > .ux-title .ux-form .ux-field .ux-input .ux-textfield.line input:focus-visible {outline: 0;}
.ui-bbs > .ux-content {}
.ui-bbs .bbs-summary {display: flex;justify-content: space-between;align-items: center;}
.ui-bbs .bbs-summary .select-list-size {min-width: 180px;}
.ui-bbs .bbs-summary .ux-button-bar {display: none;}

.ui-bbs .bbs-summary + .bbs-list {margin-top: 12px;}
.ui-bbs .bbs-button-bar {margin: 40px 0;}
.ui-bbs .bbs-pagination {margin: 40px 0;}

.ui-bbs .bbs-list {}
.ui-bbs .bbs-list .ux-table {width: 100%;}
.ui-bbs .bbs-list .ux-table col.number {width: 10%;}
.ui-bbs .bbs-list .ux-table col.category {width: 10%;}
.ui-bbs .bbs-list .ux-table col.contents {width: auto;}
.ui-bbs .bbs-list .ux-table col.date {width: 10%;}
.ui-bbs .bbs-list .ux-table col.count {width: 10%;}
.ui-bbs .bbs-list .ux-table tbody tr.highlight {background-color: #f5fdff;}
.ui-bbs .bbs-list .ux-table tbody tr.highlight td {font-weight: 700;}
.ui-bbs .bbs-list .ux-table tbody tr.highlight td.number {font-size: 0;}
.ui-bbs .bbs-list .ux-table thead th,
.ui-bbs .bbs-list .ux-table tbody td {text-align: center;border-left: 0;}

.ui-bbs .post {display: table;justify-content: flex-start;table-layout: fixed;position: relative;width: 100%;text-align: left;}
.ui-bbs .post .subject {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.ui-bbs .post .subject .text {position: relative;}
.ui-bbs .post:hover .subject .text:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0, 0, 0, .4);content: "";}

.ui-bbs .bbs-list .ux-table tbody .contents .post .preview {
	display: none;position: absolute;top: 28px;right: 0;width: auto;height: auto;
	padding: 20px 24px;border: 1px solid #ccc;border-radius: 12px;
	background-color: var(--bg-white);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .12);
}
.ui-bbs .bbs-list .ux-table tbody tr:nth-last-of-type(-n + 2) .preview {transform: translateY(-44px);}
.ui-bbs .bbs-list .ux-table tbody tr:nth-last-of-type(-n + 1) .preview {transform: translateY(-88px);}

.ui-bbs .bbs-list .ux-table tbody .contents .post .preview .title {font-weight: 700;margin-bottom: 20px;}
.ui-bbs .bbs-list .ux-table tbody .contents .post .preview .content {max-height: 160px;overflow: hidden;}
.ui-bbs .bbs-list .ux-table tbody .contents .post .preview .content:after {
  position: absolute;bottom: 12px;left: 20px;width: calc(100% - 40px);height: 32px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
	pointer-events: none;
  content: "";
  z-index: 1;
}
.ui-bbs .bbs-list .ux-table tbody .contents .post:hover .preview {display: block;}

.ui-bbs .bbs-list .ux-result.no-result {height: 200px;}
.ui-bbs .bbs-list .ux-result.no-result .icon {display: none;}
.ui-bbs .bbs-list .ux-result.no-result .message .label {font-weight: 400;}

.ui-bbs .bbs-list .ux-table tbody .contents .post .subject {z-index: 11;}
.ui-bbs .bbs-list .ux-table tbody .contents .post .preview {z-index: 12;}



/* ui-bbs-read */
.ui-bbs.ui-bbs-read > .ux-title {flex-direction: column;align-items: normal;gap: 12px;}

.ui-bbs .bbs-read {display: flex;flex-direction: column;}
.ui-bbs .bbs-read .attached {display: flex;align-items: center;gap: 12px;padding: 20px 24px;background-color: #fafafa;}
.ui-bbs .bbs-read .attached label {font-weight: 700;margin-right: 24px;}
.ui-bbs .bbs-read .attached .file {display: inline-flex;gap: 8px;font-size: .875rem;color: #666;}
.ui-bbs .bbs-read .attached .file .icon {display: none;}
.ui-bbs .bbs-read .attached .file .label {position: relative;}
.ui-bbs .bbs-read .attached .file .label:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0, 0, 0, .4);content: "";}
.ui-bbs .bbs-read .content {padding: 24px;}

.ui-bbs.ui-bbs-read .bbs-nav {margin-top: 40px;border-top: 1px solid var(--lc-table);}
.ui-bbs .bbs-nav .ux-table {width: 100%;}
.ui-bbs .bbs-nav .ux-table col.label {width: 80px;}
.ui-bbs .bbs-nav .ux-table col.contents {width: auto;}
.ui-bbs .bbs-nav .ux-table col.date {width: 10%;}
.ui-bbs .bbs-nav .ux-table tbody tr:hover {background-color: #f5fdff;}
.ui-bbs .bbs-nav .ux-table th,
.ui-bbs .bbs-nav .ux-table td {text-align: center;padding-left: 24px;padding-right: 24px;border-left: 0;}
.ui-bbs .bbs-nav .ux-table tbody th.label {text-align: left;border-left: 0;background-color: transparent;}
.ui-bbs .bbs-nav .ux-table tbody th.label label {text-align: left;white-space: nowrap;}
.ui-bbs .bbs-nav .ux-table tbody td.date {text-align:right;font-size: .875rem;color: var(--fc-default);}
.ui-bbs .bbs-nav .post:empty {color: var(--fc-placeholder);cursor: default;pointer-events: none;}
.ui-bbs .bbs-nav .prev .post:empty:before {content: "이전 글이 없습니다."}
.ui-bbs .bbs-nav .next .post:empty:before {content: "다음 글이 없습니다."}








/* 메인페이지 */
.ux-container.index main section {gap: 32px;padding: 40px 0 64px;}
.ux-container.index main article {
	display: grid;grid-auto-rows: 1fr;gap: 32px;
	padding: 0;
}
.ux-container.index main article.q1 {grid-template-columns: 816px 392px;}
.ux-container.index main article.q3 {grid-template-columns: 604px 286px 286px;}
.ux-container.index main .pane {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;flex-direction: column;
	height: 100%;border-radius: 16px;
}
.ux-container.index main .pane > .ux-content {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;flex-direction: column;
}

.ux-container.index main .ux-inline-notice {padding: 20px;}
.ux-container.index main .service-list .shortcut,
.ux-container.index main .service-list .service {display: flex;align-items: center;}
.ux-container.index main .service-list .shortcut .meta,
.ux-container.index main .service-list .service .meta {display: flex;align-items: center;}


.ux-container.index main .ui-jumbotron {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;justify-content: space-between;align-items: center;
	border-radius: 16px;background-color: #e6f6fa;
}
.ux-container.index main .ui-jumbotron .meta {flex-grow: 1;flex-shrink: 1;flex-basis: auto;padding: 48px;}
.ux-container.index main .ui-jumbotron .meta .label {display: flex;flex-direction: column;align-items: flex-start;gap: 8px;}
.ux-container.index main .ui-jumbotron .meta .label .text {
	display: flex;align-items: center;gap: 8px;
	position: relative;height: 5px;
	font-size: 1.5rem;font-weight: 300;white-space: nowrap;
}
.ux-container.index main .ui-jumbotron .meta .label .text-bold {
	display: flex;align-items: center;gap: 8px;
	position: relative;height: 100px;
	font-size: 3rem;font-weight: 700;white-space: nowrap;
	padding: 0px 0px 20px 0px
}
.ux-container.index main .ui-jumbotron .meta .label .text2 { color:#145495; padding: 0 0 5px 0; width: 120px; background: url("../images/btn/btn_go_line.png") no-repeat 0 bottom;  font-weight: 600;  font-size: 18px; display:  block; margin-top:30px}

.ux-container.index main .ui-jumbotron .media .label {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.ux-container.index main .ui-jumbotron .media figure {display: flex;justify-content: center;align-items: center;}
.ux-container.index main .ui-jumbotron .media figure img {width: 100%;}

.ux-container.index main .ui-jumbotron .ux-button-bar {justify-content: flex-end;position: absolute;bottom: 0;left: 0;width: 100%;padding: 16px;}
.ux-container.index main .ui-jumbotron .ux-button-bar .ux-button {height: 40px;padding: 0 12px;border-radius: 8px;}
.ux-container.index main .ui-jumbotron .ux-button-bar .ux-button.button-download .icon {
	--w: 32px;--h: 32px;
	width: var(--w);height: var(--h);
	background-image: url("/images/find5/index_icon_download_manual.svg");
	background-position: 50% 50%;background-repeat: no-repeat;background-size: var(--w) var(--h);
}

.ux-container.index main .pane.visual figure img{vertical-align: middle;}

/*2025-02-17 긴급공지사항 슬라이드*/
.ux-container.index main .pane.visual figure {overflow: hidden;}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-pagination-bullets {
    bottom: 27.5px;
}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-pagination-bullet-active {
	--w: 30px;
	width: var(--w);
	border-radius: 15px;
	background-color: #fff;
}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-prev,
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-next {
    --w:38px; --h:38px;
    width:var(--w);
    height:var(--h);
	top: inherit;
	bottom: 20px;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.6);	
}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-prev {
	left: 20px;
}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-next {
	right: 20px;
}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-prev::after,
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-next::after {
    content:'';
    display: block;
    --w:24px; --h:24px;
    width:var(--w);
    height:var(--h);
}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-prev::after {
    background: url(../images/find5/icon_prev.png) no-repeat center center / cover;
}
.ux-container.index main .pane.visual figure .notice-swiper .swiper-button-next::after {
    background: url(../images/find5/icon_next.png) no-repeat center center / cover;
}

.ux-container.index main .service-list > ul {display: flex;flex-direction: row;gap: 32px;}
.ux-container.index main .service-list > ul > li {flex-grow: 1;flex-shrink: 1;flex-basis: 20%;}
.ux-container.index main .service-list .service {
	display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;
	height: 200px;color: var(--fc-white);padding: 24px;border-radius: 12px;
}
.ux-container.index main .service-list .service.inquire {background-color: #437dea; box-shadow: 3px 3px 7px 3px rgba(0,0,0,0.17);}
.ux-container.index main .service-list .service.easy {background-color: #9294ff; box-shadow: 3px 3px 7px 3px rgba(0,0,0,0.17);}
.ux-container.index main .service-list .service.cert {background-color: #46bcf1; box-shadow: 3px 3px 7px 3px rgba(0,0,0,0.17);}
.ux-container.index main .service-list .service.remote {background-color: #9090ff; box-shadow: 3px 3px 7px 3px rgba(0,0,0,0.17);}
.ux-container.index main .service-list .service.admin {background-color: #b06be6;}
.ux-container.index main .service-list .service .icon {
	width: var(--w);height: var(--h);
	background-image: url("/images/find5/index_icons_service.png");
	background-repeat: no-repeat;background-size: calc(var(--w) * 5) cacl(var(--h) * 1);
}
.ux-container.index main .service-list .service .icon {--w: 80px;--h: 80px;}
.ux-container.index main .service-list .service.inquire	.icon {background-position: calc(var(--w) *  0) calc(var(--h) * 0);}
.ux-container.index main .service-list .service.easy		.icon {background-position: calc(var(--w) * -1) calc(var(--h) * 0);}
.ux-container.index main .service-list .service.cert		.icon {background-position: calc(var(--w) * -2) calc(var(--h) * 0);}
.ux-container.index main .service-list .service.remote	.icon {background-position: calc(var(--w) * -3) calc(var(--h) * 0);}
.ux-container.index main .service-list .service.admin		.icon {background-position: calc(var(--w) * -4) calc(var(--h) * 0);}
.ux-container.index main .service-list .service .label {font-size: 1.25rem;}


.ux-container.index main .pane.notice {background-color: #f8f8f8;}
.ux-container.index main .pane.notice > .ux-title {display: flex;justify-content: space-between;align-items: center;padding: 20px 24px 16px;}
.ux-container.index main .pane.notice > .ux-title h4 {display: flex;align-items: center;gap: 8px;}
.ux-container.index main .pane.notice > .ux-title h4 .icon {
	--w: 32px;--h: 32px;
	width: var(--w);height: var(--h);
	background-image: url("/images/find5/index_icon_notice_title.png");
	background-position: 50% 50%;background-repeat: no-repeat;background-size: var(--w) var(--h);

}
.ux-container.index main .pane.notice > .ux-title .button-more {width: 32px;height: 32px;}
.ux-container.index main .pane.notice > .ux-title .button-more .icon {width: 24px;height: 24px;background-image: url("/images/find5/index_icon_notice_more.svg");}
.ux-container.index main .pane.notice > .ux-title .button-more .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ux-container.index main .pane.notice > .ux-content {padding: 0 24px 20px 24px;}
.ux-container.index main .pane.notice .ux-content figure img {vertical-align: top;}
.ux-container.index main .pane.notice .bbs-list col.contents {width: auto;}
.ux-container.index main .pane.notice .bbs-list col.date {width: 88px;}
.ux-container.index main .pane.notice .bbs-list .ux-table tbody tr.highlight {background-color: transparent;}
.ux-container.index main .pane.notice .bbs-list .ux-table tbody tr.highlight td {font-weight: 400;}
.ux-container.index main .pane.notice .bbs-list .ux-table tbody td {padding: 12px 0;border-bottom: 1px solid rgba(0, 0, 0, .08);}
.ux-container.index main .pane.notice .bbs-list .ux-table tbody td.contents .subject {font-size: .875rem;color: var(--fc-black);}
.ux-container.index main .pane.notice .bbs-list .ux-table tbody td.date {text-align: right;font-size: .75rem;color: var(--fc-default);}


.ux-container.index main .pane.shortcut {background-color: #f8f8f8;}
.ux-container.index main .pane.shortcut > .ux-content {display: flex;flex-direction: column;padding: 40px 20px;}
.ux-container.index main .shortcut-list {display: flex;flex-direction: column;}
.ux-container.index main .shortcut-list > ul {
	flex-grow: 1;flex-shrink: 1;flex-basis: auto;
	display: flex;flex-direction: column;gap: 16px;
}
.ux-container.index main .shortcut-list .shortcut {
	display: flex;align-items: center;
	width: 100%;
	padding: 12px 24px;border-radius: 12px;
	background-color: var(--bg-white);
}
.ux-container.index main .shortcut-list .shortcut .meta {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.ux-container.index main .shortcut-list .shortcut .meta .icon {
	--w: 32px;--h: 32px;
	width: var(--w);height: var(--h);
	background-image: url("/images/find5/index_icons_shortcut.png");
	background-repeat: no-repeat;background-size: calc(var(--w) * 5) cacl(var(--h) * 1);
}
.ux-container.index main .shortcut-list .shortcut.about .meta	.icon {background-position: calc(var(--w) *  0) calc(var(--h) * 0);}
.ux-container.index main .shortcut-list .shortcut.cc .meta		.icon {background-position: calc(var(--w) * -1) calc(var(--h) * 0);}
.ux-container.index main .shortcut-list .shortcut.admin .meta	.icon {background-position: calc(var(--w) * -2) calc(var(--h) * 0);}

.ux-container.index main .shortcut-list .shortcut .meta .label {}
.ux-container.index main .shortcut-list .shortcut .media {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.ux-container.index main .shortcut-list .shortcut .media .icon {
	--w: 24px;--h: 24px;
	width: var(--w);height: var(--h);
	margin-right: -8px;
	background-image: url("/images/find5/icon_angle_right_01.svg");
	background-repeat: no-repeat;background-position: 50% 50%;background-size: var(--w);height: var(--h);
}


.ux-container.index main .pane.help {border-radius: 16px;background: #e6f6fa;}
.ux-container.index main .pane.help > .ux-content {display: flex;flex-direction: column;justify-content: center;align-items: normal;}
.ux-container.index main .ux-help {display: flex;flex-direction: column;align-items: normal;gap: 32px;padding: 32px;}
.ux-container.index main .ux-help .meta {display: flex;flex-direction: column;gap: 8px;}
.ux-container.index main .ux-help .meta .label {font-size: 1rem;}
.ux-container.index main .ux-help .meta .value {line-height: 1;font-size: 2rem;font-weight: 700;color: var(--primary);}
.ux-container.index main .ux-help .meta .desc {font-size: 1rem;color: var(--fc-default);margin-top: 4px;}
.ux-container.index main .ux-help .media {display: none;}
.ux-container.index main .ux-help .ux-button-bar .button-export {width: 100%;height: 40px;border-radius: 8px;}
.ux-container.index main .ux-help .ux-button-bar .button-export .icon {display: none;}




.sticky-banner {display: flex;justify-content: center;position: fixed;top: 88px;left: 0;width: 100%;height: 0;}
.sticky-banner .banner-content {position: relative;width: 1240px;width: 1240px;height: 100%;}
.sticky-banner .banner-image {position: absolute;top: 40px;right: -250px;width: 200px;height: 300px;border-radius: 50px;background: rgba(0, 0, 0, .12);}

.sticky-banner {z-index: 12;}










.ui-dialog {position: fixed;width: 100%;margin: 0;}
.ui-dialog.location-center {padding: 0 20px;}
.ui-dialog .ui-dialog-titlebar {display: none;}
.ui-dialog .ui-dialog-content {top:auto !important;min-height:0 !important;overflow:hidden;margin:0;padding:0;}
.ui-dialog .ux-dialog {width: 100%;height: 100%;}
.ux-dialog {display: none;position: relative;background: var(--bg-white);}
.ux-dialog > .ux-title {
	display: flex;justify-content: space-between;align-items: center;
	min-height: 56px;padding: 16px 20px;
}
.ux-dialog > .ux-title + .ux-title {flex-direction: column; align-items: flex-start; gap: 4px;}
.ux-dialog > .ux-title h3 {font-size: 1rem;font-weight: 700;}
.ux-dialog > .ux-title h4 {font-size: 1.5rem;font-weight: 400;}
.ux-dialog > .ux-title .button-dialog-close {display: inline-flex;}
.ux-dialog > .ux-title .button-dialog-close .icon {width: 24px;height: 24px;background-image: url("/images/find5/icon_dialog_close.svg");background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.ux-dialog > .ux-title .button-dialog-close .label {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ux-dialog > .ux-content {overflow: hidden;}
.ux-dialog > .ux-content > .scroll {height: 100%;overflow-y: auto;padding: 12px 20px 24px 20px;}

.ux-dialog > .ux-content > .scroll::-webkit-scrollbar {width: 8px;}
.ux-dialog > .ux-content > .scroll::-webkit-scrollbar-track {background: #fff;}
.ux-dialog > .ux-content > .scroll::-webkit-scrollbar-thumb {background-color: #c9c9c9;border-radius: 4px;border: 2px solid #fff;}


.ux-dialog > .ux-content > .scroll .h4 > .ux-title {display: flex;flex-direction: column;gap: 16px;}
.ux-dialog > .ux-content > .scroll .h4 > .ux-title .desc {font-size: .75rem;}
.ux-dialog > .ux-content > .scroll .h4 > .ux-title .desc p {word-break: keep-all;}
.ux-dialog .ux-title h4 {font-size: 1.5rem;font-weight: 400;}
.ux-dialog .ux-title h5 {font-size: 1.125rem;font-weight: 400;}
.ux-dialog .ux-title h4 + .ux-button-bar {margin-top: 24px;}
.ux-dialog .ux-title h4 + .ux-button-bar .ux-button.underline {font-size: .875rem;}

.ux-dialog .h4 {gap: 40px;}
.ux-dialog .h5 {gap: 16px;}
.ux-dialog .h4 > .ux-content {display:flex; flex-direction: column; gap: 40px;}

.ui-dialog .ux-dialog {display: flex !important;flex-direction: column;width: 100% !important;}
.ui-dialog .ux-dialog > .ux-title,
.ui-dialog .ux-dialog .ux-dock {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.ui-dialog .ux-dialog > .ux-title {display: flex;justify-content: space-between;align-items: center;}
.ui-dialog .ux-dialog > .ux-title .ux-button-bar {gap: 12px;}
.ui-dialog .ux-dialog > .ux-title .ux-button-bar .logo {display: none;width: 100px;height: 20px;background-image: url("/images/find5/dialog_header_logo_fs.png");background-size: cover}
.ui-dialog .ux-dialog.has-logo > .ux-title .ux-button-bar .logo {display: block;}
.ui-dialog .ux-dialog > .ux-content {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}

.ui-dialog.location-full,
.ui-dialog.location-center {top: 50% !important;width: 100% !important;transform: translateY(-50%);}
.ui-dialog.location-full {height: 100% !important;}
.ui-dialog.location-full .ux-dialog {height: 100% !important;}
.ui-dialog.location-center {padding: 0 20px;}
.ui-dialog.location-center .ux-dialog {border-radius: 20px;}
.ui-dialog.location-center .ux-dialog .ux-content > .scroll {max-height: calc(60vh - 56px - 56px) !important;}
.ui-dialog.location-bottom .ux-dialog {border-radius: 20px 20px 0 0;}
/* .ui-dialog.location-bottom .ux-content {max-height: calc(60vh - 56px - 56px);} */
.ui-dialog.location-bottom .ux-content {max-height: 480px;}













/* z-index */
header {z-index: 30;}
aside {z-index: 40;}
main {z-index: 10;}
main section {z-index: 10;}
main section.dock {z-index: 12;}
footer {z-index: 20;}
.ui-tooltip {z-index: 50;}
.ui-datepicker {z-index: 99 !important;}