@charset "utf-8";

/************************************* 
General Style Sheet
Version : 1.0
Author : uracle(sejong) - sk.k
Create date : 2025. 05.
*************************************/

*, *:before, *:after {box-sizing: border-box;}
html {margin: 0; padding: 0; font-size: 10px; overflow-x: hidden; overflow-y: scroll; -webkit-text-size-adjust: none; -moz-text-size-adjust:none; -ms-text-size-adjust: none;box-sizing:border-box; word-break: break-all;}
body {margin: 0; padding: 0; color: var(--color-light-gray-90); line-height: 1.6; letter-spacing:-0.5px; font-size: 1.6rem; font-family: 'Noto Sans KR' ,'Noto Sans', 'Roboto', 'Noto Sans SC', 'Noto Sans Arabic', "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; font-weight: 400;}
header, footer, article, section, aside, nav, main{display:block;}
mark{background-color:#ffe600;}
img{max-width: 100%; border:none;}
img[usemap] {width: auto; height: auto; }/* 반응형시 이미지 맵*/
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, figure {margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6, strong {font-size: inherit; font-weight: 700;}
em, address, i {font-style: normal;}
hr{display: block; margin: 0; padding: 0; border: none;}
iframe {margin:0; padding:0; border:currentcolor; border-image-source:none;}
form{margin:0; padding:0;}
fieldset{margin:0; padding:0; border:none;}
legend{position:absolute; width:1px;height:1px;padding:0;margin:-1px; clip:rect(0,0,0,0); border:0;overflow:hidden}
select, input[type="text"], textarea {min-height: var(--number-14); padding: var(--number-5) var(--number-8); background-color: #fff; border: var(--light-border-width-variable-regular) solid var(--color-light-gray-30); border-radius: var(--number-3); vertical-align: middle; font-family: inherit; font-weight: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
select { position: relative; width: 100%; padding-right: 3rem; background: url(../../images/common/icon/ico_angle.svg) center right 1rem no-repeat var(--form-select--color-background); background-size: 1rem; mask: none; -webkit-mask: none; font-family: inherit; }
select[multiple="multiple"] {height: auto;}
select::-ms-expand {display: none;}
* button {position:relative; display:inline-block; margin:0; padding:0; background:none; border: 0; border-radius: var(--button--radius-large); color: inherit; cursor:pointer; _cursor:hand; text-decoration:none; overflow: visible; font-size: inherit; font-family: inherit; font-weight: inherit; white-space: normal;}
* button:disabled {cursor: inherit;}
/* 링크 포커스 */
a {color: inherit; text-decoration: none;}
a[href*=tel]{color: inherit;}
a:hover {text-decoration: underline;}
*:focus-visible{
outline: 2px solid var(--light-color-border-primary);
outline-offset: -4px;
}
/*::selection {background: var(--color-light-secondary-50); color: var(--color-light-gray-0);}*/
:-ms-input-placeholder {color: var(--color-light-gray-50); font-size:  1.5rem;}
::-webkit-input-placeholder {color: var(--color-light-gray-50); font-size:  1.5rem;}
:-moz-placeholder {color: var(--color-light-gray-50); font-size: 1.5rem;}
::-moz-placeholder {color: var(--color-light-gray-50); font-size:  1.5rem;}
pre, code {margin: 0; padding: 0; color: #444; line-height: 1.4; font-size: inherit; font-weight: inherit; font-family: inherit; }
code {display: block; width: 100%;}

/* 건너뛰기 메뉴 STYLE */
#accessibility {position: relative; width: 100%; margin: 0 auto; font-size: 1.5rem; z-index: 200;}
#accessibility dt {width: 100%; height: 0; font-size: 0; line-height :0;}
#accessibility a {position: absolute; top: -10000px; left: 0; display: block; width: 100%; height: 0; text-align: center; z-index: 200;}
#accessibility a:hover, #accessibility a:focus-visible, #accessibility a:active {position: absolute; top: 0; height: auto; padding: 1rem 2.5rem; background-color: #1d60a7; color: #fff; z-index: 200;}
#accessibility a:focus-visible{outline: 2px solid #fff;}

/* 테이블 STYLE */	
caption {width: 100%; height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}
table {width: 100%; border-spacing: 0; border-collapse: collapse;}
table th {white-space: normal; font-weight: 700; word-break: break-word;}
table td {white-space: normal; word-break: break-word;}

.full-cont{display:inline-block;position:relative;width:100%;}
.full-cont::before{display:table-cell;position:absolute;top:0;left:50%;width:127%;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";z-index:-1;}
#frameLayout {width: 99%; background: none;}

/* Float STYLE*/
[class*="float-wrap"] {clear: both; overflow: hidden;}
.float-wrap02 {margin-top: 6rem;}
.clear  {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.display-none {display: none;}
.display-block {display: block;}
.display-inline {display: inline-block;}
.display-flex, .display-justify {display: flex; flex-flow: row wrap; align-items: center;}
.display-justify {justify-content: space-between;}
.display-flex.gap {gap: var(--number-8);}
.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.vertical-img {display: inline-block; margin-right: 10px;vertical-align: middle;}	
.pre-wrap {white-space: pre-wrap;}

/* 폰트정렬 STYLE*/
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-justify {text-align: justify;}
.input-nomal  {width: auto;}

/* 텍스트 언더라인*/
.txt-underline {text-decoration: underline;}

/* point color STYLE */
[class*="point01"] {color: #c5221f;}
[class*="point02"], [class*="point02"] a {color: #3d5891;}
[class*="point03"] {color: #0098A3;}
[class*="point04"] {color: #3F4959;}
[class*="black-"] {color: #000;}
[class*="-bold"],
[class$="-bold"] {font-weight: 700;}
.txt-normal, .txt-normal a {font-weight: normal;}

/* IR 기법 */
.sr-only {position:absolute; width:1px;height: 1px; margin: -1px; color: transparent; clip:rect(0,0,0,0); overflow:hidden;}
.responsive {max-width: 100%; height: auto;}

/* 부트스트랩 그리드*/
.row {margin-right: -12px; margin-left: -12px;}
.row::after {content:''; display:block; clear:both;}
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left;}
.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%;}
.col-lg-10{width:83.33333333%;}
.col-lg-9{width:75%;}
.col-lg-8{width:66.66666667%;}
.col-lg-7{width:58.33333333%;}
.col-lg-6{width:50%;}
.col-lg-5{width:41.66666667%;}
.col-lg-4{width:33.33333333%;}
.col-lg-3{width:25%;}
.col-lg-2{width:16.66666667%;}
.col-lg-1{width:8.33333333%;}
.col-lg-pull-12{right:100%;}
.col-lg-pull-11{right:91.66666667%;}
.col-lg-pull-10{right:83.33333333%;}
.col-lg-pull-9{right:75%;}
.col-lg-pull-8{right:66.66666667%;}
.col-lg-pull-7{right:58.33333333%;}
.col-lg-pull-6{right:50%;}
.col-lg-pull-5{right:41.66666667%;}
.col-lg-pull-4{right:33.33333333%;}
.col-lg-pull-3{right:25%;}
.col-lg-pull-2{right:16.66666667%;}
.col-lg-pull-1{right:8.33333333%;}
.col-lg-pull-0{right:auto;}
.col-lg-push-12{left:100%;}
.col-lg-push-11{left:91.66666667%;}
.col-lg-push-10{left:83.33333333%;}
.col-lg-push-9{left:75%;}
.col-lg-push-8{left:66.66666667%;}
.col-lg-push-7{left:58.33333333%;}
.col-lg-push-6{left:50%;}
.col-lg-push-5{left:41.66666667%;}
.col-lg-push-4{left:33.33333333%;}
.col-lg-push-3{left:25%;}
.col-lg-push-2{left:16.66666667%;}
.col-lg-push-1{left:8.33333333%;}
.col-lg-push-0{left:auto;}
.col-lg-offset-12{margin-left:100%;}
.col-lg-offset-11{margin-left:91.66666667%;}
.col-lg-offset-10{margin-left:83.33333333%;}
.col-lg-offset-9{margin-left:75%;}
.col-lg-offset-8{margin-left:66.66666667%;}
.col-lg-offset-7{margin-left:58.33333333%;}
.col-lg-offset-6{margin-left:50%;}
.col-lg-offset-5{margin-left:41.66666667%;}
.col-lg-offset-4{margin-left:33.33333333%;}
.col-lg-offset-3{margin-left:25%;}
.col-lg-offset-2{margin-left:16.66666667%;}
.col-lg-offset-1{margin-left:8.33333333%;}
.col-lg-offset-0{margin-left:0;}

/* width(rem) */
.w50{width:5rem;}
.w55{width:5.5rem;}
.w60{width:6rem;}
.w65{width:6.5rem;}
.w70{width:7rem;}
.w75{width:7.5rem;}
.w80{width:8rem;}
.w85{width:8.5rem;}
.w90{width:9rem;}
.w95{width:9.5rem;}
.w100{width:10rem;}
.w110{width:11rem;}
.w120{width:12rem;}
.w130{width:13rem;}
.w140{width:14rem;}
.w150{width:15rem;}
.w160{width:16rem;}
.w170{width:17rem;}
.w180{width:18rem;}
.w190{width:19rem;}
.w200{width:20rem;}
.w210{width:21rem;}
.w220{width:22rem;}
.w230{width:23rem;}
.w240{width:24rem;}
.w250{width:25rem;}
.w260{width:26rem;}
.w270{width:27rem;}
.w280{width:28rem;}
.w290{width:29rem;}
.w300{width:30rem;}
.w350{width:35rem;}
.w400{width:40rem;}
.w450{width:45rem;}
.w500{width:50rem;}

/* 반응형 아이프레임, 오브젝트, 엠베디드 */
.embed-container { position: relative; padding-bottom:40%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 에러 페이지 */
.error-page {
	width: 100rem;
	max-width: 95%;
	margin: 0 auto;
	padding: 2rem 0;
	text-align: center;
	}
.error-message {
	margin-top: 2rem;
	color: #E60020;
	text-align: center;
	}
.error-txt {
	width: 100%;
	margin-top: 0.4rem;
	color: #E60020;
	text-align: left;
	font-size: 1.4rem;
	}
/* 기본 버튼 + 상태 버튼 */
.btn-area {
	margin-top: var(--number-14);
	text-align: center;
	}
.btn-area.txt-left {
	text-align: left;
	}
.btn-area.txt-right {
	text-align: right;
	}
.btn-type,
[class*="btn-state"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	min-width: 7rem;
	border: 1px solid transparent;
	border-radius: var(--button--radius-small);
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5rem;
	}
[class*="btn-state"].zone {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-bottom: var(--number-1);
	text-overflow: ellipsis;
	word-break: normal;
	overflow: hidden;
	}
.btn-area .btn-type {
	min-width: 8rem;
	}
.btn-type {/* 기본 42px */
	padding: var(--number-5) var(--number-8);
	line-height: 1.6;
	}
.btn-type:disabled {
	background-color: var(--color-light-gray-30);
	border-color: var(--color-light-gray-40);
	color: var(--color-light-gray-60);
	pointer-events: none;
	}
[class*="btn"].xlarge {/* 64px*/
	gap: var(--button--gap-xlarge);
	height: var(--button--size-height-xlarge);
	padding: var(--button--padding-y-xlarge) var(--button--padding-x-xlarge);
	border-radius: var(--button--radius-xlarge);
	font-size: var(--button--pc-font-size-xlarge);
	}
[class*="btn"].large {/* 56px*/
	gap: var(--button--gap-large);
	height: var(--button--size-height-large);
	padding: var(--button--padding-y-large) var(--button--padding-x-large);
	border-radius: var(--button--radius-large);
	font-size: var(--button--pc-font-size-large);
	}
[class*="btn"].medium {/* 48px*/
	min-height: auto;
	gap: var(--button--gap-medium);
	height: var(--button--size-height-medium);
	padding: var(--button--padding-y-medium) var(--button--padding-x-medium);
	border-radius: var(--button--radius-medium);
	font-size: var(--button--pc-font-size-medium);
	}
[class*="btn"].small {/* 32px*/
	min-width: 7rem;
	height: var(--button--size-height-xsmall);
	padding: var(--button--padding-y-xsmall) var(--button--padding-x-xsmall);
	border-radius: var(--button--radius-xsmall);
	font-size: var(--button--pc-font-size-xsmall);
	}
[class*="btn"].small i {
	line-height: 1;
	font-size: 1.5rem;
	}
.btn-type .svg-icon {
	vertical-align: middle;
	}
[class*="btn-state"] {/* 상태값 */
	padding: .05rem var(--number-5);
	border-radius: var(--radius-small);
	line-height: 1.4;
	}
.btn-type.primary {background-color: #3d5891; border-color: transparent; color: #fff;}
.btn-type.secondary {background-color: #ebeef3; border-color: #3d5891; color: #3d5891;}
.btn-type.tertiary { border-color: var(--color-light-gray-90); color: #000B17;}
.btn-type.black {background-color: #000;}
.btn-type.primary:hover,
.btn-type.primary:active, 
.btn-type.primary:focus-visible {background-color: #142a58;}
.btn-type.primary:focus-visible{outline: 2px solid #fff; outline-offset: -4px;}
.btn-type.secondary:hover ,
.btn-type.secondary:active, 
.btn-type.secondary:focus-visible {background-color: var(--light-color-button-secondary-fill-hover);}
.btn-type.tertiary:hover,
.btn-type.tertiary:active, 
.btn-type.tertiary:focus-visible {background-color: #fff;}
.btn-type.primary[disabled], .btn-type.primary:disabled {background-color: var(--button--color-primary-text-disabled);}
.btn-type.secondary[disabled], .btn-type.secondary:disabled {background-color: var(--button--color-secondary-text-disabled);}
.btn-type.tertiary[disabled], .btn-type.tertiary:disabled {background-color: var(--button--color-tertiary-text-disabled);}

.btn-type.black:hover {background-color: var(--light-color-button-black-fill-hover);}
.btn-type.black:active, .btn-type.black:focus-visible{background-color: var(--button--color-black-fill-pressed);}
.btn-type.black:focus-visible{outline: 2px solid #fff; outline-offset: -4px}
.btn-type.black[disabled], .btn-type.black:disabled {background-color: var(--button--color-black-text-disabled);}

.btn-state01 {background-color: var(--color-light-primary-50);}
.btn-state02 {background-color: var(--color-light-secondary-70); border-color: transparent; color: #fff;}
.btn-state03 {background-color: var(--color-light-gray-20); color: var(--color-light-gray-80);}
.btn-state04 {background-color: #c5221f; border-color: transparent; color: #fff;}
.btn-state04:hover,
.btn-state04:active, 
.btn-state04:focus-visible{background-color: #a5110f; }
.btn-state05 {background-color: var(--color-light-primary-5); color: var(--color-light-primary-60);}
.btn-state06 {background-color: var(--color-light-point-5); color: var(--color-light-point-50);}
.btn-state07 {border-color: var(--color-light-primary-50); color: var(--color-light-primary-60);}
.btn-state08 {background-color: #fff; border-color: var(--color-light-gray-90); color: #27303F;}
.btn-state09 {border-color: var(--color-light-point-50); color: var(--color-light-point-50);}

/* input 에러 일때 */
.is-error,
.is-error input[type="checkbox"] + label::before,
.is-error input[type="radio"] + label::before {
	border-color: var(--light-color-text-point);
	border-width: 0.2rem;
	}
.is-error:focus-visible {
	border-color: transparent;
	outline: 2px dashed var(--light-color-text-point);
	}
.form-hint {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--gap-2);
	width: 100%;
	margin-top: var(--padding-3);
	color: var(--form-group--message-text-color);
	font-size: var(--form-group--message-pc-font-size);
	}
.form-hint .svg-icon {
	width: 1.6rem;
	height: 1.6rem;
	}

/*레이어팝업 */
.popupTitNew{	font-family: inherit;}
.popupWrapNew p{word-break: break-word;}
.popupbtnWrapNew button{letter-spacing: -0.5px; font-size: 1.5rem;}

html.active, html.no-scroll, html.alert-layerpop, html.layerpop-active {overflow-y:hidden;}
.layerPop {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.6); z-index:100;}
.layerPop .layerPop-area {position:absolute; max-width: 100%; margin:auto; padding-top: 4rem; background-color:#fff; z-index: 100; overflow: hidden;}
.layerPop .layerPop-area img{max-width:100%;}
.layerPop-close {position:absolute; top:0; left: 0; width:100%; height: 4rem; padding: .5rem 1.5rem; color:#333; font-size: 0.95em; overflow:hidden;}
.layerPop-close .checks {float: left; margin-top: .5rem;}
.layerPop-close button{display:block; float:right; padding:3px 0; color:#333;}
.layerPop-close button i {margin-top:-.2rem; vertical-align: middle; font-size: 2.2rem;}
.layerPop .layerPop-area p {line-height: 1;}
.layerPop .layerPop-area a {display: block;}
.alert-layerpop #chatbot-area,
.alert-layerpop #wrap.scroll-up #header {z-index: 10;}

/* 회색 배경 팝업 */	
.modal-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	width: 100%;
	height: 0;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	padding: 1.2rem;
	background-color: #DEE2E8;
	transform: translate(-50%,-50%);
	visibility: hidden;
	word-break: keep-all;
	}
.modal-dialog.active {
	height: 100%;
	visibility: visible;
	z-index: 100;
	}
.modal-dialog > .inner {
	position: static;
	margin-top: 5rem;
	padding-top: 0;
	}
.modal-dialog .modal-close {
	position: absolute;
	top: 8rem;
	right: 8rem;
	width: 4.8rem;
	height: 4.8rem;
	background: url(../../images/common/icon/ico_close_48.svg) no-repeat 0 center;
	}
/* 모달 팝업 */	
.modal-popup {
	position: fixed;
	top: 0;
	left: 0;
	display: flex; align-items: center; justify-content: center;
	width: 100%;
	height: 0;
	text-align: left;
	white-space: normal;
	visibility: hidden;
	overflow: hidden;
	z-index: -1;
	}
.modal-popup.show {
	height: 100%;
	visibility: visible;
	z-index: 100;
	}
.modal-popup.show::after {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .75);
	content: '';
	}
.modal-popup .popup_inner {
	display: flex; flex-flow: row wrap; align-items: center;
	width: 100%;
	height: calc(100% - var(--number-50)* 2);
	min-height: calc(100% - var(--number-50)* 2);
	margin: var(--number-50) auto;
	z-index: 100;
	}
.modal-popup .step-wrap {
	padding: 0 var(--number-10);
	}
.modal-popup .popup_inner > div {
	position: relative;	
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 65rem;
	max-width: 95%;
	max-height: 100%;
	margin: auto;
	padding: var(--number-10) 0;
	background-color: #fff;
	border-radius: 1.2rem;
	transition-duration: inherit;;
	overflow: hidden;
	}
.modal-popup .popup_inner > [col-sm-] {
	width: 60%;
	}
.modal-popup .close-modal {
	position: absolute;
	top: var(--number-12);
	right: var(--number-12);
	width: 3.6rem;
	height: 3.6rem;
	background: url(../../images/common/icon/ico_close_modal.svg) no-repeat center center;
	}
.modal-title,
.modal-popup .subject {
	min-height: 2.6rem;
	margin: 0 var(--number-10) var(--number-12);
	color: var(--color-light-gray-80);
	font-size: 1.7rem;
	font-weight: 700;
	text-overflow: ellipsis;
	overflow: hidden;
	}
strong.modal-title {
	display: block;
	}
.modal-popup .modal-conts {	
	padding: 0 var(--number-10);
	color: var(--color-light-gray-80);
	overflow-y: auto;
	}
.modal-popup [class*="conts-tit"] {
	margin-bottom: var(--number-7);
	font-size: 1.9rem;
	}
.modal-popup .conts-tit02 {	
	margin-top:  var(--number-12);
	}
.modal-popup .depth3-title02 {
	margin-bottom: var(--number-9);
	font-size: 1.8rem;
	}
.modal-popup .graybox {
	padding: var(--number-9) var(--number-7);
	}
.modal-popup .agree-box {
	margin: var(--number-9) 0;
	}
.modal-popup .label-tit {
	margin-bottom: var(--number-1);
	font-size: 1.5rem;
	font-weight: 400;
	}
.modal-popup .alert-txt + .label-tit {	
	margin-top: var(--number-9);
	padding-top: var(--number-9);
	border-top: dashed 1px var(--color-light-gray-40);
	}
.modal-popup .modal-conts + .btn-area {
	height: auto !important;
	margin: var(--number-12) var(--number-10) 0;
	}
.modal-popup.win-popup {
	position: relative;
	height: 100%;
	visibility: visible;
	z-index: inherit;
	}
.modal-popup.win-popup .popup_inner {
	margin: 0;
	border: 1px solid #eee;
	border-radius: 0.5rem;
	}
.modal-popup.win-popup .modal-content {
	width: 85rem;
	}
.alert-txt > em {
	display: block;
	margin-bottom: var(--number-10);
	line-height: 1;
	font-size: 1.9rem;
	font-weight: 700;
	}
/* 로딩바 */
#loading-start {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 99999;
	}
#loading-start > span {	
	display: block;
	width: 7rem;
	margin: auto;
	}
#loading-start img {	
	width: 100%;
	}
/* 스크롤 바 */
#content-detail ::-webkit-scrollbar {width: 0.7rem; height: 0.7rem; -webkit-appearance: none; }
#content-detail ::-webkit-scrollbar-thumb {height: 10rem; background-color: rgba(0, 0, 0, .5); border-radius: 0.3rem; border: 1px solid rgba(255,255,255, 0.15); }
#content-detail ::-webkit-scrollbar-track {border-radius: 0.3rem; }

/* 우편번호 찾기 */
.modal-popup .zipcode-search {
	width: 54rem;
	}
#zipcode-form {
	min-width: 40rem;
	margin-bottom: 2rem;
	background-color: #fff;
	border: 1px solid #D0D5DD;
	border-radius: 0.5rem;
	text-align: left;
	}
.zipcode-search input[type="text"] {
	display: inline-block;
	width: calc(100% - 4rem);
	height: 4.5rem;
	border-color: transparent;
	}
.zipcode-search .btn-search {
	display: inline-block;
	vertical-align: middle;
	}
.zipcode-search .btn-search i {	
	font-size: 2rem;
	}
.post-search-tip .lstyle-dot > li {	
	margin-top: 1rem;
	}
.address-tip {	
	margin-bottom: 1em;
	}
.address-result .address-list > li {
	position: relative;
	margin-bottom: 0.8rem;
	padding-left: 4.5rem;
	overflow: hidden;
	}
.address-result .address-list > li:first-child {	
	color: #000;
	}
.address-result .address-list .type {
	display: block;	
	position: absolute;
	top: 0;
	left: 0;
	width: 4rem;
	text-align: center;
	background-color: #F2F4F7;
	border-color: #D0D5DD;
	color: #000;
	font-size: 1.3rem;
	}

/* 스피너 */
.spinner {position: relative; display: block; width: 2rem; height: 2rem; background-color: var(--color-light-gray-20); border-radius: 100%; transition: all 0.5s ease; overflow: hidden;}
.spinner::after {position: absolute; top: 50%; left: 50%; display: block; width: calc(100% - 0.4rem); height: calc(100% - 0.4rem); background-color: #fff; border-radius: 100%; transform: translate(-50%, -50%); content: '';}
.spinner .progress {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: conic-gradient(#246BEB 0%, #246BEB var(--progress), #e0e0e0 var(--progress) 100%); }
.spinner-complete {width: 2rem; height: 2rem; }
.spinner-complete i {width: 100%; height: 100%; vertical-align: top;}

/* 아이콘 스타일 */
.file-icon {display: inline-block; height: 2.4rem;}
.icon-new {display: inline-block; width: 1.7rem; height: 1.7rem; margin-right: var(--number-1); background: var(--color-light-secondary-) url(../../images/common/icon/ico_new.png) no-repeat center center; border-radius: 100%; text-align: center; vertical-align: middle;}
.btn-txt {display: inline-flex; align-items: center; gap: 0.4rem;}
.btn-txt[class*=ico-]::after,

/* GOV 아이콘 스타일 */
.svg-icon {display: inline-flex; width: 2.4rem; height: 2.4rem; vertical-align: middle;}
.svg-icon::after {display: block; width: 100%; height: 100%; background-color: var(--light-color-text-basic); background-repeat: no-repeat; background-position: center center; background-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; content:'';}
.svg-icon.sm {width: 2rem; height: 2rem;}
.svg-icon.xsm {width: 1.6rem; height: 1.6rem;}

.ico-add::after {mask-image: url('../../images/common/icon/ico_plus.svg'); -webkit-mask-image: url('../../images/common/icon/ico_plus.svg');}
.ico-log::after {mask-image: url('../../images/mps/layout/head_ico_navi_login.svg'); -webkit-mask-image: url('../../images/mps/layout/head_ico_navi_login.svg');}
.ico-warning-line::after {mask-image: url('../../images/common/icon/ico_warning_16.svg'); -webkit-mask-image: url('../../images/common/icon/ico_warning_16.svg');}
.ico-logout::after {mask-image: url('../../images/mps/layout/head_ico_navi_logout_16.svg'); -webkit-mask-image: url('../../images/mps/layout/head_ico_navi_logout_16.svg');}
.ico-del::after {mask-image: url('../../images/common/icon/ico_del_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_del_20.svg');}
.ico-go::after {mask-image: url('../../images/common/icon/ico_go_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_go_20.svg');} /* 새창 아이콘 */
.ico-share::after {mask-image: url('../../images/common/icon/ico_share_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_share_20.svg');}
.ico-favorites::after {mask-image: url('../../images/common/icon/ico_favorites_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_favorites_20.svg');}
.btn-favorites.active i.ico-favorites::after {mask-image: url('../../images/common/icon/ico_favorites_20_fill02.svg'); -webkit-mask-image: url('../../images/common/icon/ico_favorites_20_fill02.svg');}
.ico-del::after {mask-image: url('../../images/common/icon/ico_del_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_del_20.svg');}
.ico-close::after {mask-image: url('../../images/common/icon/ico_close_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_close_20.svg');}
.ico-more::after {mask-image: url('../../images/common/icon/ico_arr1_right_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_arr1_right_20.svg');} /* → */
.ico-more2::after {mask-image: url('../../images/common/icon/ico_arr2_right_12.svg'); -webkit-mask-image: url('../../images/common/icon/ico_arr2_right_12.svg');}
.ico-more3::after {mask-image: url('../../images/common/icon/ico_arr3_right_15.svg'); -webkit-mask-image: url('../../images/common/icon/ico_arr3_right_15.svg');}
.ico-expand-more::after {mask-image: url('../../images/common/icon/ico_expand_more_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_expand_more_20.svg');}
.ico-plus::after {mask-image: url('../../images/common/icon/ico_plus_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_plus_20.svg');}
.ico-minus::after {mask-image: url('../../images/common/icon/ico_minus_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_minus_20.svg');}
.ico-arrow-top::after {mask-image: url('../../images/common/icon/ico_arrow_top_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_arrow_top_20.svg');}
.ico-arrow-down::after {mask-image: url('../../images/common/icon/ico_arrow_down_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_arrow_down_20.svg');}
.ico-arrow-left::after {mask-image: url('../../images/common/icon/ico_arrow_left_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_arrow_left_20.svg');}
.ico-arrow-right::after {mask-image: url('../../images/common/icon/ico_arrow_right_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_arrow_right_20.svg');}
.ico-down::after {mask-image: url('../../images/common/icon/ico_file_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_file_20.svg');}
.ico-refresh::after, .ico-reset::after {mask-image: url('../../images/common/icon/ico_refresh_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_refresh_20.svg');}
.ico-filter::after {mask-image: url('../../images/common/icon/ico_filter_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_filter_20.svg');}
.ico-search::after {mask-image: url('../../images/common/icon/ico_search_24.svg'); -webkit-mask-image: url('../../images/common/icon/ico_search_24.svg');}
.ico-like::after {mask-image: url('../../images/common/icon/ico_like_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_like_20.svg');}
.ico-user::after {mask-image: url('../../images/common/icon/ico_user_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_user_20.svg');}
.ico-warning-fill::after {mask-image: url('../../images/common/icon/ico_warning_fill.svg'); -webkit-mask-image: url('../../images/common/icon/ico_warning_fill.svg');}
.ico-system-danger::after {mask-image: url('../../images/common/icon/ico_system_danger_24.svg'); -webkit-mask-image: url('../../images/common/icon/ico_system_danger_24.svg');}
.ico-system-info::after {mask-image: url('../../images/common/icon/ico_system_info_24.svg'); -webkit-mask-image: url('../../images/common/icon/ico_system_info_24.svg');}
.ico-info-fill::after {mask-image: url('../../images/common/icon/ico_info_fill_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_info_fill_20.svg');}
.ico-checkd::after {mask-image: url('../../images/common/icon/ico_checkd_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_checkd_20.svg');} /* 초록색 */
.ico-check-circle {background-color: var(--color-light-primary-50); border-radius: 100%;}
.ico-check-circle::after {background-color: #fff; mask-image: url('../../images/common/icon/ico_check_circle_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_check_circle_20.svg');} /* 파란색 */
.ico-lock::after {mask-image: url('../../images/common/icon/ico_lock_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_lock_20.svg');}
.ico-unlock::after {mask-image: url('../../images/common/icon/ico_unlock_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_unlock_20.svg');}
.ico-mypage::after {mask-image: url('../../images/common/icon/ico_mypage_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_mypage_20.svg');}
.ico-time::after {mask-image: url('../../images/common/icon/ico_time_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_time_20.svg');}
.ico-eye::after {mask-image: url('../../images/common/icon/ico_eye_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_eye_20.svg');}
.ico-no-eye::after {mask-image: url('../../images/common/icon/ico_no_eye_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_no_eye_20.svg');}
.ico-outline::after {mask-image: url('../../images/common/icon/ico_outline.svg'); -webkit-mask-image: url('../../images/common/icon/ico_outline.svg');}
.ico-success::after {mask-image: url('../../images/common/icon/ico_success.svg'); -webkit-mask-image: url('../../images/common/icon/ico_success.svg');}
.ico-upload::after {mask-image: url('../../images/common/icon/ico_upload_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_upload_20.svg');}
.ico-printer::after {mask-image: url('../../images/common/icon/ico_printer_18.svg'); -webkit-mask-image: url('../../images/common/icon/ico_printer_18.svg');}
.ico-mail::after {mask-image: url('../../images/common/icon/ico_mail_20.svg'); -webkit-mask-image: url('../../images/common/icon/ico_mail_20.svg');}
.ico-hint::after {mask-image: url('../../images/common/icon/ico_information.svg'); -webkit-mask-image: url('../../images/common/icon/ico_information.svg');}
.ico-handle::after {mask-image: url('../../images/common/icon/handle.svg'); -webkit-mask-image: url('../../images/common/icon/handle.svg');}
.ico-calendar::after {mask-image: url('../../images/common/icon/ico_calendar.svg'); -webkit-mask-image: url('../../images/common/icon/ico_calendar.svg');}
.ico-sch::after {mask-image: url('../../images/common/icon/ico_sch_40.svg'); -webkit-mask-image: url('../../images/common/icon/ico_sch_40.svg');}