@charset "utf-8";

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2022-04-26
**************************************************/

/**************************************************
	Common
**************************************************/
/* Sprite image */

/* Color */
.color_palette{display:flex; flex-wrap:wrap;}
.color_palette li{display:flex; flex-direction:column; flex:1; gap:var(--g-gap-2); margin:0 !important; padding:var(--g-padding-2); color:var(--g-color-light-gray-0);}
.color_palette li .bg{font-size:1.2rem;}
.color_primary li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_primary li:nth-child(2){background:var(--g-color-light-primary-5);}
.color_primary li:nth-child(3){background:var(--g-color-light-primary-10);}
.color_primary li:nth-child(4){background:var(--g-color-light-primary-20);}
.color_primary li:nth-child(5){background:var(--g-color-light-primary-30);}
.color_primary li:nth-child(6){background:var(--g-color-light-primary-40);}
.color_primary li:nth-child(7){background:var(--g-color-light-primary-50);}
.color_primary li:nth-child(8){background:var(--g-color-light-primary-60);}
.color_primary li:nth-child(9){background:var(--g-color-light-primary-70);}
.color_primary li:nth-child(10){background:var(--g-color-light-primary-80);}
.color_primary li:nth-child(11){background:var(--g-color-light-primary-90);}
.color_primary li:nth-child(12){background:var(--g-color-light-primary-95);}
.color_primary li:nth-child(13){background:var(--g-color-light-gray-100);}
.color_secondary li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_secondary li:nth-child(2){background:var(--g-color-light-secondary-5);}
.color_secondary li:nth-child(3){background:var(--g-color-light-secondary-10);}
.color_secondary li:nth-child(4){background:var(--g-color-light-secondary-20);}
.color_secondary li:nth-child(5){background:var(--g-color-light-secondary-30);}
.color_secondary li:nth-child(6){background:var(--g-color-light-secondary-40);}
.color_secondary li:nth-child(7){background:var(--g-color-light-secondary-50);}
.color_secondary li:nth-child(8){background:var(--g-color-light-secondary-60);}
.color_secondary li:nth-child(9){background:var(--g-color-light-secondary-70);}
.color_secondary li:nth-child(10){background:var(--g-color-light-secondary-80);}
.color_secondary li:nth-child(11){background:var(--g-color-light-secondary-90);}
.color_secondary li:nth-child(12){background:var(--g-color-light-secondary-95);}
.color_secondary li:nth-child(13){background:var(--g-color-light-gray-100);}
.color_gray li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_gray li:nth-child(2){background:var(--g-color-light-gray-5);}
.color_gray li:nth-child(3){background:var(--g-color-light-gray-10);}
.color_gray li:nth-child(4){background:var(--g-color-light-gray-20);}
.color_gray li:nth-child(5){background:var(--g-color-light-gray-30);}
.color_gray li:nth-child(6){background:var(--g-color-light-gray-40);}
.color_gray li:nth-child(7){background:var(--g-color-light-gray-50);}
.color_gray li:nth-child(8){background:var(--g-color-light-gray-60);}
.color_gray li:nth-child(9){background:var(--g-color-light-gray-70);}
.color_gray li:nth-child(10){background:var(--g-color-light-gray-80);}
.color_gray li:nth-child(11){background:var(--g-color-light-gray-90);}
.color_gray li:nth-child(12){background:var(--g-color-light-gray-95);}
.color_gray li:nth-child(13){background:var(--g-color-light-gray-100);}
.color_key_proportion li:nth-child(1){flex:0 0 60%; border:.1rem solid var(--g-color-light-gray-20); background:var(--g-color-light-gray-5);}
.color_key_proportion li:nth-child(2){flex:0 0 30%; background:var(--g-color-light-secondary-50);}
.color_key_proportion li:nth-child(3){flex:0 0 10%; background:var(--g-color-light-primary-60);}
.color_point li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_point li:nth-child(2){background:var(--g-color-light-point-5);}
.color_point li:nth-child(3){background:var(--g-color-light-point-10);}
.color_point li:nth-child(4){background:var(--g-color-light-point-20);}
.color_point li:nth-child(5){background:var(--g-color-light-point-30);}
.color_point li:nth-child(6){background:var(--g-color-light-point-40);}
.color_point li:nth-child(7){background:var(--g-color-light-point-50);}
.color_point li:nth-child(8){background:var(--g-color-light-point-60);}
.color_point li:nth-child(9){background:var(--g-color-light-point-70);}
.color_point li:nth-child(10){background:var(--g-color-light-point-80);}
.color_point li:nth-child(11){background:var(--g-color-light-point-90);}
.color_point li:nth-child(12){background:var(--g-color-light-point-95);}
.color_point li:nth-child(13){background:var(--g-color-light-gray-100);}
.color_danger li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_danger li:nth-child(2){background:var(--g-color-light-danger-5);}
.color_danger li:nth-child(3){background:var(--g-color-light-danger-10);}
.color_danger li:nth-child(4){background:var(--g-color-light-danger-20);}
.color_danger li:nth-child(5){background:var(--g-color-light-danger-30);}
.color_danger li:nth-child(6){background:var(--g-color-light-danger-40);}
.color_danger li:nth-child(7){background:var(--g-color-light-danger-50);}
.color_danger li:nth-child(8){background:var(--g-color-light-danger-60);}
.color_danger li:nth-child(9){background:var(--g-color-light-danger-70);}
.color_danger li:nth-child(10){background:var(--g-color-light-danger-80);}
.color_danger li:nth-child(11){background:var(--g-color-light-danger-90);}
.color_danger li:nth-child(12){background:var(--g-color-light-danger-95);}
.color_danger li:nth-child(13){background:var(--g-color-light-gray-100);}
.color_information li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_information li:nth-child(2){background:var(--g-color-light-information-5);}
.color_information li:nth-child(3){background:var(--g-color-light-information-10);}
.color_information li:nth-child(4){background:var(--g-color-light-information-20);}
.color_information li:nth-child(5){background:var(--g-color-light-information-30);}
.color_information li:nth-child(6){background:var(--g-color-light-information-40);}
.color_information li:nth-child(7){background:var(--g-color-light-information-50);}
.color_information li:nth-child(8){background:var(--g-color-light-information-60);}
.color_information li:nth-child(9){background:var(--g-color-light-information-70);}
.color_information li:nth-child(10){background:var(--g-color-light-information-80);}
.color_information li:nth-child(11){background:var(--g-color-light-information-90);}
.color_information li:nth-child(12){background:var(--g-color-light-information-95);}
.color_information li:nth-child(13){background:var(--g-color-light-gray-100);}
.color_warning li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_warning li:nth-child(2){background:var(--g-color-light-warning-5);}
.color_warning li:nth-child(3){background:var(--g-color-light-warning-10);}
.color_warning li:nth-child(4){background:var(--g-color-light-warning-20);}
.color_warning li:nth-child(5){background:var(--g-color-light-warning-30);}
.color_warning li:nth-child(6){background:var(--g-color-light-warning-40);}
.color_warning li:nth-child(7){background:var(--g-color-light-warning-50);}
.color_warning li:nth-child(8){background:var(--g-color-light-warning-60);}
.color_warning li:nth-child(9){background:var(--g-color-light-warning-70);}
.color_warning li:nth-child(10){background:var(--g-color-light-warning-80);}
.color_warning li:nth-child(11){background:var(--g-color-light-warning-90);}
.color_warning li:nth-child(12){background:var(--g-color-light-warning-95);}
.color_warning li:nth-child(13){background:var(--g-color-light-gray-100);}
.color_success li:nth-child(1){background:var(--g-color-light-gray-0);}
.color_success li:nth-child(2){background:var(--g-color-light-success-5);}
.color_success li:nth-child(3){background:var(--g-color-light-success-10);}
.color_success li:nth-child(4){background:var(--g-color-light-success-20);}
.color_success li:nth-child(5){background:var(--g-color-light-success-30);}
.color_success li:nth-child(6){background:var(--g-color-light-success-40);}
.color_success li:nth-child(7){background:var(--g-color-light-success-50);}
.color_success li:nth-child(8){background:var(--g-color-light-success-60);}
.color_success li:nth-child(9){background:var(--g-color-light-success-70);}
.color_success li:nth-child(10){background:var(--g-color-light-success-80);}
.color_success li:nth-child(11){background:var(--g-color-light-success-90);}
.color_success li:nth-child(12){background:var(--g-color-light-success-95);}
.color_success li:nth-child(13){background:var(--g-color-light-gray-100);}

/* Skip Navigation */
#skip_nav a{display:block; position:absolute; top:-40px; left:0; z-index:10; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skip_nav a:hover{top:0px; z-index:1000; background:var(--g-color-light-primary-60); color:var(--g-color-light-gray-0);}
#skip_nav a:active{top:0px; z-index:1000; background:var(--g-color-light-primary-70); color:var(--g-color-light-gray-0);}
#skip_nav a:focus{top:0px; z-index:1000; background:var(--g-color-light-primary-70); color:var(--g-color-light-gray-0);}
/* body 스크롤 비활성화 */
body.scroll_no{overflow:hidden; width:100%; height:100%;}
/* Float Clear */
.clr:after{content:''; display:block; clear:both;}
/* 텍스트 정렬 */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}


/* 전화번호 줄바꿈 금지 */
.ws_nowrap{white-space:nowrap;}

.apiSearchWd{width:25rem !important;}

/* 마스크(레이어) */
.loading-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; align-items: center; justify-content: center; z-index: 9999; }
.loading-box { text-align: center; color: #fff; }
.spinner { width: 60px; height: 60px; border: 6px solid rgba(255, 255, 255, 0.2); border-top-color: #ffffff; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 12px; }
.loading-text { font-size: 16px; font-weight: 500; }
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* slick button */
.slick-button{display:flex; align-items:center; justify-content:center; flex-shrink:0; width:4.8rem; height:4.8rem; border-radius:var(--g-radius-max); background-color:#e6e8ea;}
.slick-button:hover{}
.slick-button::after{content:''; display:inline-flex; width:var(--g-icon--size-large); height:var(--g-icon--size-large); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:50% 50%; mask-size:contain;}
.slick-button.pause::after{mask-image:url(../images/common/icon/ico_swiper_stop.svg);}
.slick-button.play::after{mask-image:url(../images/common/icon/ico_swiper_play.svg);}
.slick-button.next::after{mask-image:url(../images/common/icon/ico_more.svg);}
.slick-button.prev::after{mask-image:url(../images/common/icon/ico_more.svg); transform:rotate(180deg);}
.slick-button.more::after{mask-image:url(../images/common/icon/ico_plus.svg);}

/**************************************************
	Form Tag
**************************************************/
/* 구버전 form tag */
input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="time"],
input[type="file"],
textarea{
	position: relative;
	width:100%;
	min-width:8rem;
	height: var(--g-input--size-height-small);
	padding: 0 var(--g-input--padding-x);
	border: 0.1rem solid var(--g-input--color-border);
	background-color: var(--g-input--color-surface);
	font-size: var(--g-input--pc-font-size-medium);
	color: var(--g-input--color-text);
}
input[type="file"]{height:auto; padding:0; border:0;}
@media screen and (max-width: 767px) {
	input[type="number"],
	input[type="text"],
	input[type="password"],
	input[type="tel"],
	input[type="date"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="time"],
	textarea {
		font-size: var(--g-input--mobile-font-size-medium);
	}
}
select{
	height: var(--g-form-select--size-height-small);
	padding: 0 var(--g-form-select--padding-right-small) 0 var(--g-form-select--padding-default);
	background-color:#fff;
	background-position: center right var(--g-form-select--padding-default);
	background-size: var(--g-form-select--icon-size-large) !important;
	font-size: var(--g-form-select--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	select {
		font-size: var(--g-form-select--mobile-font-size-medium);
	}
}
textarea{
	--g-input--textarea-size-height: 14.4rem;
	--g-input--textarea-padding-x: var(--g-padding-6);
	--g-input--textarea-padding-y: var(--g-padding-3);
	height: var(--g-input--textarea-size-height);
	padding: var(--g-input--textarea-padding-y) var(--g-input--textarea-padding-x);
	line-height: var(--g-transition-base);
}
/* form 레이아웃 */
.fieldset {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-gap-7);
}

.form-col-group {
	display: flex;
	gap: var(--g-gap-5);
}
.form-col-group .form-group {
	width: fit-content;
}
@media screen and (max-width: 767px) {
	.form-col-group {
		flex-direction: column;
	}
	.form-col-group .form-group {
		width: 100%;
	}
}

.form-group {
	--g-form-group--label-pc-font-size: var(--g-pc-font-size-label-small);
	--g-form-group--label-mobile-font-size: var(--g-mobile-font-size-label-small);
	--g-form-group--gap: var(--g-gap-3);
	--g-form-group--icon-padding-right: calc(var(--g-padding-7) * 2 + var(--g-icon--size-large));
	--g-form-group--message-pc-font-size: var(--g-pc-font-size-label-small);
	--g-form-group--message-mobile-font-size: var(--g-mobile-font-size-label-xsmall);
	--g-form-group--message-text-color: var(--g-light-color-text-subtle);
	--g-form-group--message-success-text-color: var(--g-light-color-text-success);
	--g-form-group--message-information-text-color: var(--g-light-color-text-information);
	--g-form-group--message-error-text-color: var(--g-light-color-text-danger);
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-form-group--gap);
	width: 100%;
}

.form-group .form-tit {
	width: 100%;
	color:var(--g-light-color-text-subtle);
}
.form-group .form-conts {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap:var(--g-gap-3) var(--g-gap-4);
	width: 100%;
}
.form-group .form-conts.keyword-sch {
	width: 58.8rem;
}
.form-group .form-conts .form-label {
	display: flex;
	font-size: var(--g-form-group--label-pc-font-size);
	width: 100%;
}
@media screen and (max-width: 767px) {
	.form-group .form-conts .form-label {
		font-size: var(--g-form-group--label-mobile-font-size);
	}
}
.form-group .form-conts.btn-ico-wrap {
	position: relative;
}
.form-group .form-conts.btn-ico-wrap .g-input {
	padding-right: var(--g-form-group--icon-padding-right);
}
.form-group .form-conts.btn-ico-wrap .btn-group,
.form-group .form-conts.btn-ico-wrap .g-btn {
	position: absolute;
	top: 50%;
	right: var(--g-padding-7);
	transform: translateY(-50%);
}
.form-group .form-conts.btn-ico-wrap .btn-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-3);
}
.form-group .form-conts.btn-ico-wrap .btn-group .g-btn {
	position: static;
	transform: translateY(0);
}
.form-group .form-conts.btn-ico-wrap .btn-delete-input {
	display: none;
}
.form-conts[data-delete=true] .g-input:not(:placeholder-shown) ~ .btn-delete-input {
	display: flex;
}
.form-conts[data-delete=true] .g-input:not(:placeholder-shown) ~ .btn-group .btn-delete-input {
	display: flex;
}

.form-group .form-conts.calendar-conts {
	gap: 0;
}
.form-group > p {
	width: 100%;
}
.form-group [class^=form-hint] {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-2);
	width: 100%;
	font-size: var(--g-form-group--message-pc-font-size);
	color: var(--g-form-group--message-text-color);
}
@media screen and (max-width: 767px) {
	.form-group [class^=form-hint] {
		font-size: var(--g-form-group--message-mobile-font-size);
	}
}
.form-group [class^=form-hint]::before {
	display: inline-flex;
	content: "";
	flex-shrink:0;
	display: inline-flex;
	width: var(--g-icon--size-small);
	height: var(--g-icon--size-small);
	margin-top:.3rem;
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_information.svg);
	mask-image: url(../images/common/icon/ico_information.svg);
}
.form-group [class^=form-hint].point::before{background-color:var(--g-form-group--message-error-text-color);}
.form-group [class^=form-hint-]::before {
	display: inline-flex;
	width: var(--g-icon--size-small);
	height: var(--g-icon--size-small);
	background-color: var(--g-light-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
}
@media screen and (max-width: 767px) {
	.form-group [class^=form-hint]::before{
		margin-top:.2rem;
	}
}
.form-group .form-hint-success {
	color: var(--g-form-group--message-success-text-color);
}
.form-group .form-hint-success::before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_success_fill.svg);
	mask-image: url(../images/common/icon/ico_success_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_success_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.form-group .form-hint-information {
	color: var(--g-form-group--message-information-text-color);
}
.form-group .form-hint-information::before {
	flex-shrink:0;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_information_fill.svg);
	mask-image: url(../images/common/icon/ico_information_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_information_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.form-group .form-hint-invalid {
	color: var(--g-form-group--message-error-text-color);
}
.form-group .form-hint-invalid::before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_error_fill.svg);
	mask-image: url(../images/common/icon/ico_error_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_error_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}

.g-form-checks-inline {
	display: flex;
	gap: 1.2rem;
}

.input-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-4);
	width: 100%;
}
.input-group .dash{line-height:1;}
.input-group.range {
	align-items: flex-end;
	position: relative;
}
.input-group.range > li:not(.mark) {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	flex: 1 1 0px;
	min-width: 0;
	gap: var(--g-form-group--gap);
	position: relative;
}
.input-group.range > li.mark {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	height: var(--g-size-height-8);
}
.input-group.range > li.mark.large {
	height: var(--g-size-height-8);
}
.input-group.range > li.mark.medium {
	height: var(--g-size-height-7);
}
.input-group.range > li.mark.small {
	height: var(--g-size-height-6);
}

.row .input-group {
	flex-direction: column;
}
.row .input-group.range > li {
	width: 100%;
}
@media screen and (max-width: 599px) {
	.input-group.m-column{flex-direction:column; gap:var(--g-gap-3) var(--g-gap-4);}
	.input-group.m-column .g-btn{width:100%;}
}

[data-g-mode=high-contrast] .form-group {
	--g-form-group--message-text-color: var(--g-high-contrast-color-text-subtle);
	--g-form-group--message-success-text-color: var(--g-high-contrast-color-text-success);
	--g-form-group--message-information-text-color: var(--g-high-contrast-color-text-information);
	--g-form-group--message-error-text-color: var(--g-high-contrast-color-text-danger);
}
[data-g-mode=high-contrast] .form-group [class^=form-hint]::before {
	display: inline-flex;
	width: var(--g-icon--size-small);
	height: var(--g-icon--size-small);
	background-color: var(--g-high-contrast-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_information.svg);
	mask-image: url(../images/common/icon/ico_information.svg);
}
[data-g-mode=high-contrast] .form-group [class^=form-hint-]::before {
	display: inline-flex;
	width: var(--g-icon--size-small);
	height: var(--g-icon--size-small);
	background-color: var(--g-high-contrast-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
}
[data-g-mode=high-contrast] .form-group .form-hint-success::before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_success_fill.svg);
	mask-image: url(../images/common/icon/ico_success_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_success_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
[data-g-mode=high-contrast] .form-group .form-hint-information::before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_information_fill.svg);
	mask-image: url(../images/common/icon/ico_information_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_information_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
[data-g-mode=high-contrast] .form-group .form-hint-invalid::before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_error_fill.svg);
	mask-image: url(../images/common/icon/ico_error_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_error_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .form-group {
		--g-form-group--message-text-color: var(--g-high-contrast-color-text-subtle);
		--g-form-group--message-success-text-color: var(--g-high-contrast-color-text-success);
		--g-form-group--message-information-text-color: var(--g-high-contrast-color-text-information);
		--g-form-group--message-error-text-color: var(--g-high-contrast-color-text-danger);
	}
	[data-g-mode=theme] .form-group [class^=form-hint]::before {
		display: inline-flex;
		width: var(--g-icon--size-small);
		height: var(--g-icon--size-small);
		background-color: var(--g-high-contrast-color-text-basic);
		forced-color-adjust: none;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_information.svg);
		mask-image: url(../images/common/icon/ico_information.svg);
	}
	[data-g-mode=theme] .form-group [class^=form-hint-]::before {
		display: inline-flex;
		width: var(--g-icon--size-small);
		height: var(--g-icon--size-small);
		background-color: var(--g-high-contrast-color-text-basic);
		background-color: transparent !important;
		forced-color-adjust: none;
	}
	[data-g-mode=theme] .form-group .form-hint-success::before {
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_success_fill.svg);
		mask-image: url(../images/common/icon/ico_success_fill.svg);
		-webkit-mask-image: none;
		mask-image: none;
		background-image: url(../images/common/icon/ico_success_fill.svg);
		background-color: transparent !important;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-mask: none;
		mask: none;
	}
	[data-g-mode=theme] .form-group .form-hint-information::before {
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_information_fill.svg);
		mask-image: url(../images/common/icon/ico_information_fill.svg);
		-webkit-mask-image: none;
		mask-image: none;
		background-image: url(../images/common/icon/ico_information_fill.svg);
		background-color: transparent !important;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-mask: none;
		mask: none;
	}
	[data-g-mode=theme] .form-group .form-hint-invalid::before {
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_error_fill.svg);
		mask-image: url(../images/common/icon/ico_error_fill.svg);
		-webkit-mask-image: none;
		mask-image: none;
		background-image: url(../images/common/icon/ico_error_fill.svg);
		background-color: transparent !important;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-mask: none;
		mask: none;
	}
}

/* 툴팁 */
.g-tooltip-popover {
	--g-tooltip--popover-radius: var(--g-radius-small3);
	--g-tooltip--popover-radius-box: var(--g-radius-xlarge2);
	--g-tooltip--popover-contents-pc-font-size: var(--g-pc-font-size-body-small);
	--g-tooltip--popover-contents-mobile-font-size: var(--g-mobile-font-size-body-small);
	--g-tooltip--popover-margin-x: 2.4rem;
	--g-tooltip--popover-inline-color-text: var(--g-light-color-text-basic-inverse);
	--g-tooltip--popover-box-color-text: var(--g-light-color-text-basic);
	--g-tooltip--popover-color-border: var(--g-light-color-border-gray);
	--g-tooltip--popover-color-surface: var(--g-light-color-surface-inverse);
	--g-tooltip--popover-box-color-surface: var(--g-light-color-surface-white-subtler);
	display: none;
	position: fixed;
	z-index: 100;
	white-space: nowrap;
	font-size: var(--g-tooltip--popover-contents-pc-font-size);
	border-radius: var(--g-tooltip--popover-radius);
	padding: var(--g-padding-2) var(--g-padding-5);
	color: var(--g-tooltip--popover-inline-color-text);
	background-color: var(--g-tooltip--popover-color-surface);
	top: 0;
	left: 0;
}
.g-tooltip-popover.active {
	display: block;
}
.g-tooltip-popover::before {
	--tooltip-arrow-size: 0.8rem;
	--tooltip-arrow-gap: calc((var(--tooltip-arrow-size) / 2) * -1);
	content: "";
	width: var(--tooltip-arrow-size);
	height: var(--tooltip-arrow-size);
	display: block;
	position: absolute;
	background-color: var(--g-tooltip--popover-color-surface);
	left: var(--tooltip-arrow-gap);
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
.g-tooltip-popover.tooltip-box {
	white-space: normal;
	max-width: 36rem;
	border: 0.1rem solid var(--g-tooltip--popover-color-border);
	border-radius: var(--g-tooltip--popover-radius-box);
	padding: var(--g-padding-8);
	color: var(--g-tooltip--popover-box-color-text);
	background-color: var(--g-tooltip--popover-box-color-surface);
}
.g-tooltip-popover.tooltip-box::before {
	--tooltip-arrow-size: 1.2rem;
	border: 0.1rem solid var(--g-tooltip--popover-color-border);
	border-top-color: transparent;
	border-left-color: transparent;
	background-color: var(--g-tooltip--popover-box-color-surface);
}
.g-tooltip-popover.right::before {
	left: calc(100% + var(--tooltip-arrow-gap));
}
.g-tooltip-popover.bottom::before, .g-tooltip-popover.top::before {
	top: calc(100% + var(--tooltip-arrow-gap));
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
.g-tooltip-popover.bottom.right::before, .g-tooltip-popover.top.right::before {
	left: calc(100% - var(--g-tooltip--popover-margin-x));
}
.g-tooltip-popover.bottom.left::before, .g-tooltip-popover.top.left::before {
	left: var(--g-tooltip--popover-margin-x);
}
.g-tooltip-popover.bottom::before {
	top: var(--tooltip-arrow-gap);
}
.g-tooltip-popover.bottom.tooltip-box::before {
	transform: translateX(-50%) rotate(-135deg);
}

[data-g-mode=high-contrast] .g-tooltip-popover {
	--g-tooltip--popover-inline-color-text: var(--g-high-contrast-color-text-basic-inverse);
	--g-tooltip--popover-box-color-text: var(--g-high-contrast-color-text-basic);
	--g-tooltip--popover-color-border: var(--g-high-contrast-color-border-gray);
	--g-tooltip--popover-color-surface: var(--g-high-contrast-color-surface-inverse);
	--g-tooltip--popover-box-color-surface: var(--g-high-contrast-color-surface-white-subtler);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-tooltip-popover {
		--g-tooltip--popover-inline-color-text: var(--g-high-contrast-color-text-basic-inverse);
		--g-tooltip--popover-box-color-text: var(--g-high-contrast-color-text-basic);
		--g-tooltip--popover-color-border: var(--g-high-contrast-color-border-gray);
		--g-tooltip--popover-color-surface: var(--g-high-contrast-color-surface-inverse);
		--g-tooltip--popover-box-color-surface: var(--g-high-contrast-color-surface-white-subtler);
	}
}
@media screen and (max-width: 1023px) {
	.g-tooltip-popover{display:none !important;}
}
@media screen and (max-width: 767px) {
	.g-tooltip-popover {
		font-size: var(--g-tooltip--popover-contents-mobile-font-size);
	}
}
@media screen and (max-width: 420px) {
	.g-tooltip-popover {
		width: calc(100% - var(--g-contents-padding-x) * 2);
		left: 50%;
		transform: translateX(-50%);
	}
	.g-tooltip-popover::before {
		display: none;
	}
	.g-tooltip-popover.tooltip-box {
		max-width: 100%;
	}
}

/* 라디오 버튼 / 체크박스 */
label {
	display: inline-flex;
}

.g-check-area {
	display: flex;
	flex-wrap:wrap;
	gap:var(--g-gap-3) var(--g-gap-6);
}
.g-check-area.chk-column {
	flex-direction: column;
}

.chip-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	gap: var(--g-number-5);
}
.chip-wrap .g-form-chip {
	flex: 1;
}
.chip-wrap .g-form-chip .radio:not(:checked) ~ .g-form-chip-outline::before {
	display: none;
}
.chip-wrap .g-form-chip .radio ~ .g-form-chip-outline {
	justify-content: center;
	width: 100%;
	padding: 0;
}

.g-form-check {
	--g-form-check--color-text: var(--g-light-color-text-bolder);
	--g-form-check--color-text-disabled: var(--g-light-color-text-disabled);
	--g-form-check--color-text-sub: var(--g-light-color-text-subtle);
	--g-form-check--color-text-sub-disabled: var(--g-light-color-text-disabled);
	--g-form-check--button-color-element: var(--g-light-color-element-inverse);
	--g-form-check--button-color-element-disabled: var(--g-light-color-element-disabled-light);
	--g-form-check--button-color-border: var(--g-light-color-element-gray-dark);
	--g-form-check--button-color-border-checked: var(--g-light-color-element-primary);
	--g-form-check--button-color-border-disabled: var(--g-light-color-element-disabled-dark);
	--g-form-check--checkbox-button-color-element-checked: var(--g-light-color-element-primary);
	--g-form-check--radio-check-color-element: var(--g-light-alpha-black0);
	--g-form-check--radio-check-color-element-checked: var(--g-light-color-element-primary);
	--g-form-check--radio-check-color-element-disabled: var(--g-light-color-element-disabled-dark);
	--g-form-check--checkbox-check-color-element: var(--g-light-alpha-black0);
	--g-form-check--checkbox-check-color-element-checked: var(--g-light-color-element-inverse-static);
	--g-form-check--checkbox-check-color-element-disabled: var(--g-light-color-element-disabled-dark);
	--g-form-check--additional-text-color-text: var(--g-light-color-text-subtle);
	--g-form-check--button-size-medium: var(--g-size-height-3);
	--g-form-check--radio-check-size-medium: 1rem;
	--g-form-check--checkbox-check-size-medium: 1.2rem;
	--g-form-check--radio-button-radius-medium: var(--g-radius-max);
	--g-form-check--checkbox-button-radius-medium: var(--g-radius-small1);
	--g-form-check--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-form-check--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-form-check--additional-text-pc-font-size-medium: var(--g-pc-font-size-label-small);
	--g-form-check--additional-text-mobile-font-size-medium: var(--g-mobile-font-size-label-small);
	--g-form-check--button-size-large: var(--g-size-height-4);
	--g-form-check--radio-check-size-large: 1.2rem;
	--g-form-check--checkbox-check-size-large: var(--g-size-height-2);
	--g-form-check--radio-button-radius-large: var(--g-radius-max);
	--g-form-check--checkbox-button-radius-large: var(--g-radius-small2);
	--g-form-check--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-form-check--mobile-font-size-large: var(--g-mobile-font-size-label-large);
	--g-form-check--additional-text-pc-font-size-large: var(--g-pc-font-size-label-medium);
	--g-form-check--additional-text-mobile-font-size-large: var(--g-mobile-font-size-label-medium);
	--g-form-check--gap: var(--g-gap-3);
	--g-form-check--button-margin-top: 0.2rem;
}
.g-form-check :is(input[type=radio],input[type=checkbox]) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.g-form-check.medium > input[type=radio] ~ label,
.g-form-check.medium > input[type=checkbox] ~ label {
	gap: var(--g-form-check--gap);
	font-size: var(--g-form-check--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-form-check.medium > input[type=radio] ~ label,
	.g-form-check.medium > input[type=checkbox] ~ label {
		font-size: var(--g-form-check--mobile-font-size-medium);
	}
}
.g-form-check.medium > input[type=radio] ~ label:before,
.g-form-check.medium > input[type=checkbox] ~ label:before {
	width: var(--g-form-check--button-size-medium);
	height: var(--g-form-check--button-size-medium);
	margin-top: var(--g-form-check--button-margin-top);
}
.g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt,
.g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt {
	padding-left: calc(var(--g-form-check--button-size-medium) + var(--g-form-check--gap));
}
.g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
.g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
	font-size: var(--g-form-check--additional-text-pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	.g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-mobile-font-size-medium);
	}
}
.g-form-check.medium > input[type=radio] ~ label:before {
	border-radius: var(--g-form-check--radio-button-radius-medium);
}
.g-form-check.medium > input[type=radio] ~ label:after {
	top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2);
	width: var(--g-form-check--radio-check-size-medium);
	height: var(--g-form-check--radio-check-size-medium);
	background-color: var(--g-form-check--radio-check-color-element);
	border-radius: var(--g-radius-max);
}
.g-form-check.medium > input[type=checkbox] ~ label:before {
	border-radius: var(--g-form-check--checkbox-button-radius-medium);
}
.g-form-check.medium > input[type=checkbox] ~ label:after {
	top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2);
	display: inline-flex;
	width: var(--g-form-check--checkbox-check-size-medium);
	height: var(--g-form-check--checkbox-check-size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-check--checkbox-check-color-element);
}
.g-form-check.large > input[type=radio] ~ label,
.g-form-check.large > input[type=checkbox] ~ label {
	gap: var(--g-form-check--gap);
	font-size: var(--g-form-check--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-form-check.large > input[type=radio] ~ label,
	.g-form-check.large > input[type=checkbox] ~ label {
		font-size: var(--g-form-check--mobile-font-size-large);
	}
}
.g-form-check.large > input[type=radio] ~ label:before,
.g-form-check.large > input[type=checkbox] ~ label:before {
	width: var(--g-form-check--button-size-large);
	height: var(--g-form-check--button-size-large);
	margin-top: var(--g-form-check--button-margin-top);
}
.g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt,
.g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt {
	padding-left: calc(var(--g-form-check--button-size-large) + var(--g-form-check--gap));
}
.g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
.g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
	font-size: var(--g-form-check--additional-text-pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	.g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-mobile-font-size-large);
	}
}
.g-form-check.large > input[type=radio] ~ label:before {
	border-radius: var(--g-form-check--radio-button-radius-large);
}
.g-form-check.large > input[type=radio] ~ label:after {
	top: calc((var(--g-form-check--button-size-large) - var(--g-form-check--radio-check-size-large)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-large) - var(--g-form-check--radio-check-size-large)) / 2);
	width: var(--g-form-check--radio-check-size-large);
	height: var(--g-form-check--radio-check-size-large);
	background-color: var(--g-form-check--radio-check-color-element);
	border-radius: var(--g-radius-max);
}
.g-form-check.large > input[type=checkbox] ~ label:before {
	border-radius: var(--g-form-check--checkbox-button-radius-large);
}
.g-form-check.large > input[type=checkbox] ~ label:after {
	top: calc((var(--g-form-check--button-size-large) - var(--g-form-check--checkbox-check-size-large)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-large) - var(--g-form-check--checkbox-check-size-large)) / 2);
	display: inline-flex;
	width: var(--g-form-check--checkbox-check-size-large);
	height: var(--g-form-check--checkbox-check-size-large);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-check--checkbox-check-color-element);
}
.g-form-check input[type=radio] ~ label,
.g-form-check input[type=checkbox] ~ label {
	position: relative;
	display: flex;
	gap: var(--g-form-check--gap);
	font-size: var(--g-form-check--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-form-check input[type=radio] ~ label,
	.g-form-check input[type=checkbox] ~ label {
		font-size: var(--g-form-check--mobile-font-size-medium);
	}
}
.g-form-check input[type=radio] ~ label:before, .g-form-check input[type=radio] ~ label:after,
.g-form-check input[type=checkbox] ~ label:before,
.g-form-check input[type=checkbox] ~ label:after {
	display: flex;
	content: "";
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.g-form-check input[type=radio] ~ label:before,
.g-form-check input[type=checkbox] ~ label:before {
	flex-shrink: 0;
	width: var(--g-form-check--button-size-medium);
	height: var(--g-form-check--button-size-medium);
	margin-top: var(--g-form-check--button-margin-top);
	z-index: 3;
	background-color: var(--g-form-check--button-color-element);
	border: 0.1rem solid var(--g-form-check--button-color-border);
}
.g-form-check input[type=radio] ~ label:after,
.g-form-check input[type=checkbox] ~ label:after {
	position: absolute;
	z-index: 4;
}
.g-form-check input[type=radio]:disabled ~ label,
.g-form-check input[type=checkbox]:disabled ~ label {
	color: var(--g-form-check--color-text-sub-disabled);
	cursor: default;
}
.g-form-check input[type=radio]:disabled ~ label:before,
.g-form-check input[type=checkbox]:disabled ~ label:before {
	background-color: var(--g-form-check--button-color-element-disabled) !important;
	border-color: var(--g-form-check--button-color-border-disabled) !important;
}
.g-form-check input[type=radio]:focus ~ label,
.g-form-check input[type=checkbox]:focus ~ label {
	box-shadow: var(--g-box-shadow-outline-inset);
	outline-offset: 0.4rem;
}
.g-form-check input[type=radio] ~ label:before {
	border-radius: var(--g-form-check--radio-button-radius-medium);
}
.g-form-check input[type=radio] ~ label:after {
	top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2);
	width: var(--g-form-check--radio-check-size-medium);
	height: var(--g-form-check--radio-check-size-medium);
	background-color: var(--g-form-check--radio-check-color-element);
	border-radius: var(--g-radius-max);
}
.g-form-check input[type=radio]:checked ~ label:before {
	border-color: var(--g-form-check--button-color-border-checked);
}
.g-form-check input[type=radio]:checked ~ label:after {
	background-color: var(--g-form-check--radio-check-color-element-checked);
}
.g-form-check input[type=radio]:checked:disabled ~ label:after {
	background-color: var(--g-form-check--radio-check-color-element-disabled);
}
.g-form-check input[type=checkbox] ~ label:before {
	/*border-radius: var(--g-form-check--checkbox-button-radius-medium);*/
}
.g-form-check input[type=checkbox] ~ label:after {
	top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2);
	display: inline-flex;
	width: var(--g-form-check--checkbox-check-size-medium);
	height: var(--g-form-check--checkbox-check-size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-check--checkbox-check-color-element);
}
.g-form-check input[type=checkbox]:checked ~ label:before {
	background-color: var(--g-form-check--checkbox-button-color-element-checked);
	border-color: var(--g-form-check--button-color-border-checked);
}
.g-form-check input[type=checkbox]:checked ~ label:after {
	background-color: var(--g-form-check--checkbox-check-color-element-checked);
	transition-delay: 0.1s;
}
.g-form-check input[type=checkbox]:checked:disabled ~ label:after {
	background-color: var(--g-form-check--checkbox-check-color-element-disabled);
}
.g-form-check .g-form-check-cnt {
	margin-top: var(--g-padding-2);
}
.g-form-check .g-form-check-cnt .g-form-check-p {
	color: var(--g-form-check--additional-text-color-text);
}

[data-g-mode=high-contrast] .g-form-check {
	--g-form-check--color-text: var(--g-high-contrast-color-text-bolder);
	--g-form-check--color-text-disabled: var(--g-high-contrast-color-text-disabled);
	--g-form-check--color-text-sub: var(--g-high-contrast-color-text-subtle);
	--g-form-check--color-text-sub-disabled: var(--g-high-contrast-color-text-disabled);
	--g-form-check--button-color-element: var(--g-high-contrast-color-element-inverse);
	--g-form-check--button-color-element-disabled: var(--g-high-contrast-color-element-disabled-light);
	--g-form-check--button-color-border: var(--g-high-contrast-color-element-gray-dark);
	--g-form-check--button-color-border-checked: var(--g-high-contrast-color-element-primary);
	--g-form-check--button-color-border-disabled: var(--g-high-contrast-color-element-disabled-dark);
	--g-form-check--checkbox-button-color-element-checked: var(--g-high-contrast-color-element-primary);
	--g-form-check--radio-check-color-element: var(--g-light-alpha-black0);
	--g-form-check--radio-check-color-element-checked: var(--g-high-contrast-color-element-primary);
	--g-form-check--radio-check-color-element-disabled: var(--g-high-contrast-color-element-disabled-dark);
	--g-form-check--checkbox-check-color-element: var(--g-light-alpha-black0);
	--g-form-check--checkbox-check-color-element-checked: var(--g-high-contrast-color-element-inverse-static);
	--g-form-check--checkbox-check-color-element-disabled: var(--g-high-contrast-color-element-disabled-dark);
	--g-form-check--additional-text-color-text: var(--g-high-contrast-color-text-subtle);
	--g-form-check--button-size-medium: var(--g-size-height-3);
	--g-form-check--radio-check-size-medium: 1rem;
	--g-form-check--checkbox-check-size-medium: 1.2rem;
	--g-form-check--radio-button-radius-medium: var(--g-radius-max);
	--g-form-check--checkbox-button-radius-medium: var(--g-radius-small1);
	--g-form-check--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-form-check--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-form-check--additional-text-pc-font-size-medium: var(--g-pc-font-size-label-small);
	--g-form-check--additional-text-mobile-font-size-medium: var(--g-mobile-font-size-label-small);
	--g-form-check--button-size-large: var(--g-size-height-4);
	--g-form-check--radio-check-size-large: 1.2rem;
	--g-form-check--checkbox-check-size-large: var(--g-size-height-2);
	--g-form-check--radio-button-radius-large: var(--g-radius-max);
	--g-form-check--checkbox-button-radius-large: var(--g-radius-small2);
	--g-form-check--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-form-check--mobile-font-size-large: var(--g-mobile-font-size-label-large);
	--g-form-check--additional-text-pc-font-size-large: var(--g-pc-font-size-label-medium);
	--g-form-check--additional-text-mobile-font-size-large: var(--g-mobile-font-size-label-medium);
	--g-form-check--gap: var(--g-gap-3);
	--g-form-check--button-margin-top: 0.3rem;
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label,
[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label {
	gap: var(--g-form-check--gap);
	font-size: var(--g-form-check--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label,
	[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label {
		font-size: var(--g-form-check--mobile-font-size-medium);
	}
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label:before,
[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label:before {
	width: var(--g-form-check--button-size-medium);
	height: var(--g-form-check--button-size-medium);
	margin-top: var(--g-form-check--button-margin-top);
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt,
[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt {
	padding-left: calc(var(--g-form-check--button-size-medium) + var(--g-form-check--gap));
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
	font-size: var(--g-form-check--additional-text-pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-mobile-font-size-medium);
	}
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label:before {
	border-radius: var(--g-form-check--radio-button-radius-medium);
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=radio] ~ label:after {
	top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2);
	width: var(--g-form-check--radio-check-size-medium);
	height: var(--g-form-check--radio-check-size-medium);
	background-color: var(--g-form-check--radio-check-color-element);
	border-radius: var(--g-radius-max);
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label:before {
	border-radius: var(--g-form-check--checkbox-button-radius-medium);
}
[data-g-mode=high-contrast] .g-form-check.medium > input[type=checkbox] ~ label:after {
	top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2);
	display: inline-flex;
	width: var(--g-form-check--checkbox-check-size-medium);
	height: var(--g-form-check--checkbox-check-size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-check--checkbox-check-color-element);
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label,
[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label {
	gap: var(--g-form-check--gap);
	font-size: var(--g-form-check--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label,
	[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label {
		font-size: var(--g-form-check--mobile-font-size-large);
	}
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label:before,
[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label:before {
	width: var(--g-form-check--button-size-large);
	height: var(--g-form-check--button-size-large);
	margin-top: var(--g-form-check--button-margin-top);
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt,
[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt {
	padding-left: calc(var(--g-form-check--button-size-large) + var(--g-form-check--gap));
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
	font-size: var(--g-form-check--additional-text-pc-font-size-large);
}
@media screen and (max-width: 767px) {
	[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-mobile-font-size-large);
	}
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label:before {
	border-radius: var(--g-form-check--radio-button-radius-large);
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=radio] ~ label:after {
	top: calc((var(--g-form-check--button-size-large) - var(--g-form-check--radio-check-size-large)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-large) - var(--g-form-check--radio-check-size-large)) / 2);
	width: var(--g-form-check--radio-check-size-large);
	height: var(--g-form-check--radio-check-size-large);
	background-color: var(--g-form-check--radio-check-color-element);
	border-radius: var(--g-radius-max);
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label:before {
	border-radius: var(--g-form-check--checkbox-button-radius-large);
}
[data-g-mode=high-contrast] .g-form-check.large > input[type=checkbox] ~ label:after {
	top: calc((var(--g-form-check--button-size-large) - var(--g-form-check--checkbox-check-size-large)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-large) - var(--g-form-check--checkbox-check-size-large)) / 2);
	display: inline-flex;
	width: var(--g-form-check--checkbox-check-size-large);
	height: var(--g-form-check--checkbox-check-size-large);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-check--checkbox-check-color-element);
}
[data-g-mode=high-contrast] .g-form-check input[type=checkbox] ~ label:after {
	top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
	left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2);
	display: inline-flex;
	width: var(--g-form-check--checkbox-check-size-medium);
	height: var(--g-form-check--checkbox-check-size-medium);
	background-color: var(--g-high-contrast-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-check--checkbox-check-color-element);
}
[data-g-mode=high-contrast] .g-form-check input[type=checkbox]:checked ~ label:after {
	background-color: var(--g-form-check--checkbox-check-color-element-checked);
	transition-delay: 0.1s;
}
[data-g-mode=high-contrast] .g-form-check input[type=checkbox]:checked:disabled ~ label:after {
	background-color: var(--g-form-check--checkbox-check-color-element-disabled);
}
[data-g-mode=high-contrast] .g-form-check input[type=radio]:checked ~ label:before {
	border-color: var(--g-form-check--button-color-border-checked);
}
[data-g-mode=high-contrast] .g-form-check input[type=radio]:checked ~ label:after {
	background-color: var(--g-form-check--radio-check-color-element-checked);
}
[data-g-mode=high-contrast] .g-form-check input[type=radio]:checked:disabled ~ label:after {
	background-color: var(--g-form-check--radio-check-color-element-disabled);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-check {
		--g-form-check--color-text: var(--g-high-contrast-color-text-bolder);
		--g-form-check--color-text-disabled: var(--g-high-contrast-color-text-disabled);
		--g-form-check--color-text-sub: var(--g-high-contrast-color-text-subtle);
		--g-form-check--color-text-sub-disabled: var(--g-high-contrast-color-text-disabled);
		--g-form-check--button-color-element: var(--g-high-contrast-color-element-inverse);
		--g-form-check--button-color-element-disabled: var(--g-high-contrast-color-element-disabled-light);
		--g-form-check--button-color-border: var(--g-high-contrast-color-element-gray-dark);
		--g-form-check--button-color-border-checked: var(--g-high-contrast-color-element-primary);
		--g-form-check--button-color-border-disabled: var(--g-high-contrast-color-element-disabled-dark);
		--g-form-check--checkbox-button-color-element-checked: var(--g-high-contrast-color-element-primary);
		--g-form-check--radio-check-color-element: var(--g-light-alpha-black0);
		--g-form-check--radio-check-color-element-checked: var(--g-high-contrast-color-element-primary);
		--g-form-check--radio-check-color-element-disabled: var(--g-high-contrast-color-element-disabled-dark);
		--g-form-check--checkbox-check-color-element: var(--g-light-alpha-black0);
		--g-form-check--checkbox-check-color-element-checked: var(--g-high-contrast-color-element-inverse-static);
		--g-form-check--checkbox-check-color-element-disabled: var(--g-high-contrast-color-element-disabled-dark);
		--g-form-check--additional-text-color-text: var(--g-high-contrast-color-text-subtle);
		--g-form-check--button-size-medium: var(--g-size-height-3);
		--g-form-check--radio-check-size-medium: 1rem;
		--g-form-check--checkbox-check-size-medium: 1.2rem;
		--g-form-check--radio-button-radius-medium: var(--g-radius-max);
		--g-form-check--checkbox-button-radius-medium: var(--g-radius-small1);
		--g-form-check--pc-font-size-medium: var(--g-pc-font-size-label-medium);
		--g-form-check--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
		--g-form-check--additional-text-pc-font-size-medium: var(--g-pc-font-size-label-small);
		--g-form-check--additional-text-mobile-font-size-medium: var(--g-mobile-font-size-label-small);
		--g-form-check--button-size-large: var(--g-size-height-4);
		--g-form-check--radio-check-size-large: 1.2rem;
		--g-form-check--checkbox-check-size-large: var(--g-size-height-2);
		--g-form-check--radio-button-radius-large: var(--g-radius-max);
		--g-form-check--checkbox-button-radius-large: var(--g-radius-small2);
		--g-form-check--pc-font-size-large: var(--g-pc-font-size-label-large);
		--g-form-check--mobile-font-size-large: var(--g-mobile-font-size-label-large);
		--g-form-check--additional-text-pc-font-size-large: var(--g-pc-font-size-label-medium);
		--g-form-check--additional-text-mobile-font-size-large: var(--g-mobile-font-size-label-medium);
		--g-form-check--gap: var(--g-gap-3);
		--g-form-check--button-margin-top: 0.3rem;
	}
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label,
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label {
		gap: var(--g-form-check--gap);
		font-size: var(--g-form-check--pc-font-size-medium);
	}
}
@media screen and (prefers-color-scheme: dark) and (max-width: 767px) {
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label,
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label {
		font-size: var(--g-form-check--mobile-font-size-medium);
	}
}
@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label:before,
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label:before {
		width: var(--g-form-check--button-size-medium);
		height: var(--g-form-check--button-size-medium);
		margin-top: var(--g-form-check--button-margin-top);
	}
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt,
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt {
		padding-left: calc(var(--g-form-check--button-size-medium) + var(--g-form-check--gap));
	}
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-pc-font-size-medium);
	}
}
@media screen and (prefers-color-scheme: dark) and (max-width: 767px) {
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-mobile-font-size-medium);
	}
}
@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label:before {
		border-radius: var(--g-form-check--radio-button-radius-medium);
	}
	[data-g-mode=theme] .g-form-check.medium > input[type=radio] ~ label:after {
		top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
		left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--radio-check-size-medium)) / 2);
		width: var(--g-form-check--radio-check-size-medium);
		height: var(--g-form-check--radio-check-size-medium);
		background-color: var(--g-form-check--radio-check-color-element);
		border-radius: var(--g-radius-max);
	}
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label:before {
		border-radius: var(--g-form-check--checkbox-button-radius-medium);
	}
	[data-g-mode=theme] .g-form-check.medium > input[type=checkbox] ~ label:after {
		top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
		left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2);
		display: inline-flex;
		width: var(--g-form-check--checkbox-check-size-medium);
		height: var(--g-form-check--checkbox-check-size-medium);
		background-color: var(--g-light-color-text-basic);
		forced-color-adjust: none;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		background-color: var(--g-form-check--checkbox-check-color-element);
	}
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label,
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label {
		gap: var(--g-form-check--gap);
		font-size: var(--g-form-check--pc-font-size-large);
	}
}
@media screen and (prefers-color-scheme: dark) and (max-width: 767px) {
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label,
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label {
		font-size: var(--g-form-check--mobile-font-size-large);
	}
}
@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label:before,
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label:before {
		width: var(--g-form-check--button-size-large);
		height: var(--g-form-check--button-size-large);
		margin-top: var(--g-form-check--button-margin-top);
	}
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt,
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt {
		padding-left: calc(var(--g-form-check--button-size-large) + var(--g-form-check--gap));
	}
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-pc-font-size-large);
	}
}
@media screen and (prefers-color-scheme: dark) and (max-width: 767px) {
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label + .g-form-check-cnt .g-form-check-p,
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label + .g-form-check-cnt .g-form-check-p {
		font-size: var(--g-form-check--additional-text-mobile-font-size-large);
	}
}
@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label:before {
		border-radius: var(--g-form-check--radio-button-radius-large);
	}
	[data-g-mode=theme] .g-form-check.large > input[type=radio] ~ label:after {
		top: calc((var(--g-form-check--button-size-large) - var(--g-form-check--radio-check-size-large)) / 2 + var(--g-form-check--button-margin-top));
		left: calc((var(--g-form-check--button-size-large) - var(--g-form-check--radio-check-size-large)) / 2);
		width: var(--g-form-check--radio-check-size-large);
		height: var(--g-form-check--radio-check-size-large);
		background-color: var(--g-form-check--radio-check-color-element);
		border-radius: var(--g-radius-max);
	}
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label:before {
		border-radius: var(--g-form-check--checkbox-button-radius-large);
	}
	[data-g-mode=theme] .g-form-check.large > input[type=checkbox] ~ label:after {
		top: calc((var(--g-form-check--button-size-large) - var(--g-form-check--checkbox-check-size-large)) / 2 + var(--g-form-check--button-margin-top));
		left: calc((var(--g-form-check--button-size-large) - var(--g-form-check--checkbox-check-size-large)) / 2);
		display: inline-flex;
		width: var(--g-form-check--checkbox-check-size-large);
		height: var(--g-form-check--checkbox-check-size-large);
		background-color: var(--g-light-color-text-basic);
		forced-color-adjust: none;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		background-color: var(--g-form-check--checkbox-check-color-element);
	}
	[data-g-mode=theme] .g-form-check input[type=checkbox] ~ label:after {
		top: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2 + var(--g-form-check--button-margin-top));
		left: calc((var(--g-form-check--button-size-medium) - var(--g-form-check--checkbox-check-size-medium)) / 2);
		display: inline-flex;
		width: var(--g-form-check--checkbox-check-size-medium);
		height: var(--g-form-check--checkbox-check-size-medium);
		background-color: var(--g-high-contrast-color-text-basic);
		forced-color-adjust: none;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		background-color: var(--g-form-check--checkbox-check-color-element);
	}
	[data-g-mode=theme] .g-form-check input[type=checkbox]:checked ~ label:after {
		background-color: var(--g-form-check--checkbox-check-color-element-checked);
		transition-delay: 0.1s;
	}
	[data-g-mode=theme] .g-form-check input[type=checkbox]:checked:disabled ~ label:after {
		background-color: var(--g-form-check--checkbox-check-color-element-disabled);
	}
	[data-g-mode=theme] .g-form-check input[type=radio]:checked ~ label:before {
		border-color: var(--g-form-check--button-color-border-checked);
	}
	[data-g-mode=theme] .g-form-check input[type=radio]:checked ~ label:after {
		background-color: var(--g-form-check--radio-check-color-element-checked);
	}
	[data-g-mode=theme] .g-form-check input[type=radio]:checked:disabled ~ label:after {
		background-color: var(--g-form-check--radio-check-color-element-disabled);
	}
}
/* 라디오 버튼 / 체크박스 chip */
.g-form-chip {
	--g-form-chip--color-text: var(--g-light-color-text-basic);
	--g-form-chip--color-text-checked: var(--g-light-color-text-primary);
	--g-form-chip--color-text-disabled: var(--g-light-color-text-disabled-on);
	--g-form-chip--color-action: var(--g-light-color-action-white);
	--g-form-chip--color-action-checked: var(--g-light-color-action-primary-selected);
	--g-form-chip--color-action-disabled: var(--g-light-color-action-disabled);
	--g-form-chip--color-border: var(--g-light-color-border-gray);
	--g-form-chip--color-border-checked: var(--g-light-color-border-primary);
	--g-form-chip--color-border-disabled: var(--g-light-color-border-disabled);
	--g-form-chip--color-check: var(--g-light-color-element-disabled-dark);
	--g-form-chip--color-check-checked: var(--g-light-color-icon-primary);
	--g-form-chip--color-check-disabled: var(--g-light-color-icon-disabled-on);
	--g-form-chip--size-height-small: var(--g-size-height-6);
	--g-form-chip--check-size-small: 1.2rem;
	--g-form-chip--padding-x-small: var(--g-padding-4);
	--g-form-chip--radius-small: var(--g-radius-medium1);
	--g-form-chip--pc-font-size-small: var(--g-pc-font-size-label-small);
	--g-form-chip--mobile-font-size-small: var(--g-pc-font-size-label-small);
	--g-form-chip--size-height-medium: var(--g-size-height-7);
	--g-form-chip--check-size-medium: var(--g-icon--size-small);
	--g-form-chip--padding-x-medium: var(--g-padding-5);
	--g-form-chip--radius-medium: var(--g-radius-medium2);
	--g-form-chip--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-form-chip--mobile-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-form-chip--size-height-large: var(--g-size-height-8);
	--g-form-chip--check-size-large: var(--g-icon--size-small);
	--g-form-chip--padding-x-large: var(--g-padding-6);
	--g-form-chip--radius-large: var(--g-radius-medium3);
	--g-form-chip--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-form-chip--mobile-font-size-large: var(--g-pc-font-size-label-large);
	--g-form-chip--gap: var(--g-gap-2);
}
.g-form-chip :is(input[type=radio],input[type=checkbox]) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.g-form-chip.small input[type=radio] ~ label,
.g-form-chip.small input[type=checkbox] ~ label {
	gap: var(--g-form-chip--gap);
	height: var(--g-form-chip--size-height-small);
	padding: 0 var(--g-form-chip--padding-x-small);
	background-color: var(--g-form-chip--color-action);
	border: 0.1rem solid var(--g-form-chip--color-border);
	border-radius: var(--g-form-chip--radius-small);
	font-size: var(--g-form-chip--pc-font-size-small);
	color: var(--g-form-chip--color-text);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
@media screen and (max-width: 767px) {
	.g-form-chip.small input[type=radio] ~ label,
	.g-form-chip.small input[type=checkbox] ~ label {
		font-size: var(--g-form-chip--mobile-font-size-small);
	}
}
.g-form-chip.small input[type=radio] ~ label:before,
.g-form-chip.small input[type=checkbox] ~ label:before {
	display: inline-flex;
	width: var(--g-form-chip--check-size-small);
	height: var(--g-form-chip--check-size-small);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-chip--color-check);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.g-form-chip.medium input[type=radio] ~ label,
.g-form-chip.medium input[type=checkbox] ~ label {
	gap: var(--g-form-chip--gap);
	height: var(--g-form-chip--size-height-medium);
	padding: 0 var(--g-form-chip--padding-x-medium);
	background-color: var(--g-form-chip--color-action);
	border: 0.1rem solid var(--g-form-chip--color-border);
	border-radius: var(--g-form-chip--radius-medium);
	font-size: var(--g-form-chip--pc-font-size-medium);
	color: var(--g-form-chip--color-text);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
@media screen and (max-width: 767px) {
	.g-form-chip.medium input[type=radio] ~ label,
	.g-form-chip.medium input[type=checkbox] ~ label {
		font-size: var(--g-form-chip--mobile-font-size-medium);
	}
}
.g-form-chip.medium input[type=radio] ~ label:before,
.g-form-chip.medium input[type=checkbox] ~ label:before {
	display: inline-flex;
	width: var(--g-form-chip--check-size-medium);
	height: var(--g-form-chip--check-size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-chip--color-check);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.g-form-chip.large input[type=radio] ~ label,
.g-form-chip.large input[type=checkbox] ~ label {
	gap: var(--g-form-chip--gap);
	height: var(--g-form-chip--size-height-large);
	padding: 0 var(--g-form-chip--padding-x-large);
	background-color: var(--g-form-chip--color-action);
	border: 0.1rem solid var(--g-form-chip--color-border);
	border-radius: var(--g-form-chip--radius-large);
	font-size: var(--g-form-chip--pc-font-size-large);
	color: var(--g-form-chip--color-text);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
@media screen and (max-width: 767px) {
	.g-form-chip.large input[type=radio] ~ label,
	.g-form-chip.large input[type=checkbox] ~ label {
		font-size: var(--g-form-chip--mobile-font-size-large);
	}
}
.g-form-chip.large input[type=radio] ~ label:before,
.g-form-chip.large input[type=checkbox] ~ label:before {
	display: inline-flex;
	width: var(--g-form-chip--check-size-large);
	height: var(--g-form-chip--check-size-large);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-chip--color-check);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.g-form-chip input[type=radio] ~ label,
.g-form-chip input[type=checkbox] ~ label {
	display: inline-flex;
	align-items: center;
	position: relative;
	gap: var(--g-form-chip--gap);
	height: var(--g-form-chip--size-height-medium);
	padding: 0 var(--g-form-chip--padding-x-medium);
	background-color: var(--g-form-chip--color-action);
	border: 0.1rem solid var(--g-form-chip--color-border);
	border-radius: var(--g-form-chip--radius-medium);
	font-size: var(--g-form-chip--pc-font-size-medium);
	color: var(--g-form-chip--color-text);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
@media screen and (max-width: 767px) {
	.g-form-chip input[type=radio] ~ label,
	.g-form-chip input[type=checkbox] ~ label {
		font-size: var(--g-form-chip--mobile-font-size-medium);
	}
}
.g-form-chip input[type=radio] ~ label:before,
.g-form-chip input[type=checkbox] ~ label:before {
	content: "";
	display: inline-flex;
	width: var(--g-form-chip--check-size-medium);
	height: var(--g-form-chip--check-size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-chip--color-check);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.g-form-chip input[type=radio]:disabled ~ label,
.g-form-chip input[type=checkbox]:disabled ~ label {
	background-color: var(--g-form-chip--color-action-disabled);
	border-color: var(--g-form-chip--color-border-disabled);
	color: var(--g-form-chip--color-text-disabled);
	cursor: default;
}
.g-form-chip input[type=radio]:disabled ~ label:before,
.g-form-chip input[type=checkbox]:disabled ~ label:before {
	background-color: var(--g-form-chip--color-check-disabled) !important;
}
.g-form-chip input[type=radio]:checked ~ label,
.g-form-chip input[type=checkbox]:checked ~ label {
	background-color: var(--g-form-chip--color-action-checked);
	border-color: var(--g-form-chip--color-border-checked);
	color: var(--g-form-chip--color-text-checked);
}
.g-form-chip input[type=radio]:checked ~ label:before,
.g-form-chip input[type=checkbox]:checked ~ label:before {
	background-color: var(--g-form-chip--color-check-checked);
}
.g-form-chip input[type=radio] ~ label:before {
	display: none !important;
}
.g-form-chip input[type=radio]:checked ~ label:before,
.g-form-chip input[type=checkbox]:checked ~ label:before {
	display: inline-flex !important;
	background-color: var(--g-form-chip--color-check-checked);
}
.g-form-chip input[type=checkbox]:checked ~ label:before{
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked_on.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked_on.svg);
}
.g-form-chip input[type=radio]:disabled ~ label:before {
	display: none !important;
}
.g-form-chip input[type=checkbox]:focus ~ label,
.g-form-chip input[type=radio]:focus ~ label {
	box-shadow: var(--g-box-shadow-outline-inset);
	outline-offset: -0.4rem;
}

[data-g-mode=high-contrast] .g-form-chip {
	--g-form-chip--color-text: var(--g-high-contrast-color-text-basic);
	--g-form-chip--color-text-checked: var(--g-high-contrast-color-text-primary);
	--g-form-chip--color-text-disabled: var(--g-high-contrast-color-text-disabled-on);
	--g-form-chip--color-action: var(--g-high-contrast-color-action-white);
	--g-form-chip--color-action-checked: var(--g-high-contrast-color-action-primary-selected);
	--g-form-chip--color-action-disabled: var(--g-high-contrast-color-action-disabled);
	--g-form-chip--color-border: var(--g-high-contrast-color-border-gray);
	--g-form-chip--color-border-checked: var(--g-high-contrast-color-border-primary);
	--g-form-chip--color-border-disabled: var(--g-high-contrast-color-border-disabled);
	--g-form-chip--color-check: var(--g-high-contrast-color-element-disabled-dark);
	--g-form-chip--color-check-checked: var(--g-high-contrast-color-icon-primary);
	--g-form-chip--color-check-disabled: var(--g-high-contrast-color-icon-disabled-on);
}
[data-g-mode=high-contrast] .g-form-chip input[type=radio] ~ label:before,
[data-g-mode=high-contrast] .g-form-chip input[type=checkbox] ~ label:before {
	display: inline-flex;
	width: var(--g-form-chip--check-size-medium);
	height: var(--g-form-chip--check-size-medium);
	background-color: var(--g-high-contrast-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	background-color: var(--g-form-chip--color-check);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
[data-g-mode=high-contrast] .g-form-chip input[type=radio]:disabled ~ label:before,
[data-g-mode=high-contrast] .g-form-chip input[type=checkbox]:disabled ~ label:before {
	background-color: var(--g-form-chip--color-check-disabled) !important;
}
[data-g-mode=high-contrast] .g-form-chip input[type=radio]:checked ~ label:before,
[data-g-mode=high-contrast] .g-form-chip input[type=checkbox]:checked ~ label:before {
	background-color: var(--g-form-chip--color-check-checked);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-chip {
		--g-form-chip--color-text: var(--g-high-contrast-color-text-basic);
		--g-form-chip--color-text-checked: var(--g-high-contrast-color-text-primary);
		--g-form-chip--color-text-disabled: var(--g-high-contrast-color-text-disabled-on);
		--g-form-chip--color-action: var(--g-high-contrast-color-action-white);
		--g-form-chip--color-action-checked: var(--g-high-contrast-color-action-primary-selected);
		--g-form-chip--color-action-disabled: var(--g-high-contrast-color-action-disabled);
		--g-form-chip--color-border: var(--g-high-contrast-color-border-gray);
		--g-form-chip--color-border-checked: var(--g-high-contrast-color-border-primary);
		--g-form-chip--color-border-disabled: var(--g-high-contrast-color-border-disabled);
		--g-form-chip--color-check: var(--g-high-contrast-color-element-disabled-dark);
		--g-form-chip--color-check-checked: var(--g-high-contrast-color-icon-primary);
		--g-form-chip--color-check-disabled: var(--g-high-contrast-color-icon-disabled-on);
	}
	[data-g-mode=theme] .g-form-chip input[type=radio] ~ label:before,
	[data-g-mode=theme] .g-form-chip input[type=checkbox] ~ label:before {
		display: inline-flex;
		width: var(--g-form-chip--check-size-medium);
		height: var(--g-form-chip--check-size-medium);
		background-color: var(--g-high-contrast-color-text-basic);
		forced-color-adjust: none;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
		background-color: var(--g-form-chip--color-check);
		transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
	}
	[data-g-mode=theme] .g-form-chip input[type=radio]:disabled ~ label:before,
	[data-g-mode=theme] .g-form-chip input[type=checkbox]:disabled ~ label:before {
		background-color: var(--g-form-chip--color-check-disabled) !important;
	}
	[data-g-mode=theme] .g-form-chip input[type=radio]:checked ~ label:before,
	[data-g-mode=theme] .g-form-chip input[type=checkbox]:checked ~ label:before {
		background-color: var(--g-form-chip--color-check-checked);
	}
}

/* 토글 스위치 */
.g-form-toggle-switch {
	--g-form-toggle-switch--color-text: var(--g-light-color-text-basic);
	--g-form-toggle-switch--color-text-disabled: var(--g-light-color-text-disabled);
	--g-form-toggle-switch--button-color-background: var(--g-light-color-element-gray);
	--g-form-toggle-switch--button-color-background-checked: var(--g-light-color-element-primary);
	--g-form-toggle-switch--check-color-background: var(--g-light-color-element-inverse);
	--g-form-toggle-switch--button-color-background-disabled: var(--g-light-color-element-disabled-light);
	--g-form-toggle-switch--check-color-background-disabled: var(--g-light-color-element-disabled-dark);
	--g-form-toggle-switch--check-color-border: var(--g-form-toggle-switch--button-color-background);
	--g-form-toggle-switch--check-color-border-checked: var(--g-form-toggle-switch--button-color-background-checked);
	--g-form-toggle-switch--check-color-border-disabled: var(--g-form-toggle-switch--button-color-background-disabled);
	position: relative;
	display: inline-flex;
	--g-form-toggle-switch--button-size-width-medium: 3.2rem;
	--g-form-toggle-switch--button-size-height-medium: var(--g-size-height-3);
	--g-form-toggle-switch--check-size-medium: var(--g-form-toggle-switch--button-size-height-medium);
	--g-form-toggle-switch--icon-size-medium: 0.8rem;
	--g-form-toggle-switch--button-radius-medium: var(--g-form-toggle-switch--button-size-height-medium);
	--g-form-toggle-switch--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-form-toggle-switch--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-form-toggle-switch--button-size-width-large: 4rem;
	--g-form-toggle-switch--button-size-height-large: var(--g-size-height-4);
	--g-form-toggle-switch--check-size-large: var(--g-form-toggle-switch--button-size-height-large);
	--g-form-toggle-switch--icon-size-large: 1rem;
	--g-form-toggle-switch--button-radius-large: var(--g-form-toggle-switch--button-size-height-large);
	--g-form-toggle-switch--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-form-toggle-switch--mobile-font-size-large: var(--g-mobile-font-size-label-large);
	--g-form-toggle-switch--gap: var(--g-gap-3);
}
.g-form-toggle-switch :is(input[type=radio],input[type=checkbox]) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.g-form-toggle-switch.medium [type=checkbox] ~ label {
	gap: var(--g-form-toggle-switch--gap);
	font-size: var(--g-form-toggle-switch--pc-font-size-medium);
	line-height: var(--g-form-toggle-switch--button-size-height-medium);
}
@media screen and (max-width: 767px) {
	.g-form-toggle-switch.medium [type=checkbox] ~ label {
		font-size: var(--g-form-toggle-switch--mobile-font-size-medium);
	}
}
.g-form-toggle-switch.medium [type=checkbox] ~ label .switch-toggle {
	width: var(--g-form-toggle-switch--button-size-width-medium);
	height: var(--g-form-toggle-switch--button-size-height-medium);
	border-radius: var(--g-form-toggle-switch--button-radius-medium);
}
.g-form-toggle-switch.medium [type=checkbox] ~ label .switch-toggle > i {
	width: var(--g-form-toggle-switch--check-size-medium);
	height: var(--g-form-toggle-switch--check-size-medium);
	border-radius: var(--g-radius-max);
}
.g-form-toggle-switch.medium [type=checkbox] ~ label .switch-toggle > i::before {
	display: inline-flex;
	width: var(--g-form-toggle-switch--icon-size-medium);
	height: var(--g-form-toggle-switch--icon-size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	background-color: var(--g-form-toggle-switch--button-color-background);
}
.g-form-toggle-switch.medium [type=checkbox]:checked ~ label .switch-toggle > i {
	left: calc(var(--g-form-toggle-switch--button-size-width-medium) - var(--g-form-toggle-switch--check-size-medium));
}
.g-form-toggle-switch.large [type=checkbox] ~ label {
	gap: var(--g-form-toggle-switch--gap);
	font-size: var(--g-form-toggle-switch--pc-font-size-large);
	line-height: var(--g-form-toggle-switch--button-size-height-large);
}
@media screen and (max-width: 767px) {
	.g-form-toggle-switch.large [type=checkbox] ~ label {
		font-size: var(--g-form-toggle-switch--mobile-font-size-large);
	}
}
.g-form-toggle-switch.large [type=checkbox] ~ label .switch-toggle {
	width: var(--g-form-toggle-switch--button-size-width-large);
	height: var(--g-form-toggle-switch--button-size-height-large);
	border-radius: var(--g-form-toggle-switch--button-radius-large);
}
.g-form-toggle-switch.large [type=checkbox] ~ label .switch-toggle > i {
	width: var(--g-form-toggle-switch--check-size-large);
	height: var(--g-form-toggle-switch--check-size-large);
	border-radius: var(--g-radius-max);
}
.g-form-toggle-switch.large [type=checkbox] ~ label .switch-toggle > i::before {
	display: inline-flex;
	width: var(--g-form-toggle-switch--icon-size-large);
	height: var(--g-form-toggle-switch--icon-size-large);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	background-color: var(--g-form-toggle-switch--button-color-background);
}
.g-form-toggle-switch.large [type=checkbox]:checked ~ label .switch-toggle > i {
	left: calc(var(--g-form-toggle-switch--button-size-width-large) - var(--g-form-toggle-switch--check-size-large));
}
.g-form-toggle-switch.focus [type=checkbox] ~ label {
	box-shadow: var(--g-box-shadow-outline-inset);
	outline-offset: -0.4rem;
}
.g-form-toggle-switch [type=checkbox] ~ label {
	display: inline-flex;
	align-items: center;
	gap: var(--g-form-toggle-switch--gap);
	font-size: var(--g-form-toggle-switch--pc-font-size-large);
	line-height: var(--g-form-toggle-switch--button-size-height-large);
}
@media screen and (max-width: 767px) {
	.g-form-toggle-switch [type=checkbox] ~ label {
		font-size: var(--g-form-toggle-switch--mobile-font-size-large);
	}
}
.g-form-toggle-switch [type=checkbox] ~ label .switch-toggle {
	width: var(--g-form-toggle-switch--button-size-width-large);
	height: var(--g-form-toggle-switch--button-size-height-large);
	border-radius: var(--g-form-toggle-switch--button-radius-large);
	background-color: var(--g-form-toggle-switch--button-color-background);
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.g-form-toggle-switch [type=checkbox] ~ label .switch-toggle > i {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: var(--g-form-toggle-switch--check-size-large);
	height: var(--g-form-toggle-switch--check-size-large);
	border-radius: var(--g-radius-max);
	background-color: var(--g-form-toggle-switch--check-color-background);
	border: 0.2rem solid var(--g-form-toggle-switch--check-color-border);
	box-sizing: border-box;
	transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}
.g-form-toggle-switch [type=checkbox] ~ label .switch-toggle > i::before {
	content: "";
	display: inline-flex;
	width: var(--g-form-toggle-switch--icon-size-large);
	height: var(--g-form-toggle-switch--icon-size-large);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	background-color: var(--g-form-toggle-switch--button-color-background);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_switch_off.svg);
	mask-image: url(../images/common/icon/ico_switch_off.svg);
	margin-left: -0.1rem;
}
.g-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle {
	background-color: var(--g-form-toggle-switch--button-color-background-checked);
}
.g-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle > i {
	left: calc(var(--g-form-toggle-switch--button-size-width-large) - var(--g-form-toggle-switch--check-size-large));
	border-color: var(--g-form-toggle-switch--check-color-border-checked);
}
.g-form-toggle-switch [type=checkbox]:checked ~ label .switch-toggle > i::before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_switch_on.svg);
	mask-image: url(../images/common/icon/ico_switch_on.svg);
	background-color: var(--g-form-toggle-switch--check-color-border-checked);
}
.g-form-toggle-switch [type=checkbox]:disabled ~ label .switch-toggle {
	background-color: var(--g-form-toggle-switch--button-color-background-disabled);
}
.g-form-toggle-switch [type=checkbox]:disabled ~ label .switch-toggle > i {
	background-color: var(--g-form-toggle-switch--check-color-background-disabled);
	border-color: var(--g-form-toggle-switch--check-color-border-disabled);
}
.g-form-toggle-switch [type=checkbox]:disabled ~ label .switch-toggle > i::before {
	background-color: var(--g-form-toggle-switch--button-color-background-disabled);
}

[data-g-mode=high-contrast] .g-form-toggle-switch {
	--g-form-toggle-switch--color-text: var(--g-high-contrast-color-text-basic);
	--g-form-toggle-switch--color-text-disabled: var(--g-high-contrast-color-text-disabled);
	--g-form-toggle-switch--button-color-background: var(--g-high-contrast-color-element-gray);
	--g-form-toggle-switch--button-color-background-checked: var(--g-high-contrast-color-element-primary);
	--g-form-toggle-switch--check-color-background: var(--g-high-contrast-color-element-inverse);
	--g-form-toggle-switch--button-color-background-disabled: var(--g-high-contrast-color-element-disabled-light);
	--g-form-toggle-switch--check-color-background-disabled: var(--g-high-contrast-color-element-disabled-dark);
	--g-form-toggle-switch--check-color-border: var(--g-form-toggle-switch--button-color-background);
	--g-form-toggle-switch--check-color-border-checked: var(--g-form-toggle-switch--button-color-background-checked);
	--g-form-toggle-switch--check-color-border-disabled: var(--g-form-toggle-switch--button-color-background-disabled);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-toggle-switch {
		--g-form-toggle-switch--color-text: var(--g-high-contrast-color-text-basic);
		--g-form-toggle-switch--color-text-disabled: var(--g-high-contrast-color-text-disabled);
		--g-form-toggle-switch--button-color-background: var(--g-high-contrast-color-element-gray);
		--g-form-toggle-switch--button-color-background-checked: var(--g-high-contrast-color-element-primary);
		--g-form-toggle-switch--check-color-background: var(--g-high-contrast-color-element-inverse);
		--g-form-toggle-switch--button-color-background-disabled: var(--g-high-contrast-color-element-disabled-light);
		--g-form-toggle-switch--check-color-background-disabled: var(--g-high-contrast-color-element-disabled-dark);
		--g-form-toggle-switch--check-color-border: var(--g-form-toggle-switch--button-color-background);
		--g-form-toggle-switch--check-color-border-checked: var(--g-form-toggle-switch--button-color-background-checked);
		--g-form-toggle-switch--check-color-border-disabled: var(--g-form-toggle-switch--button-color-background-disabled);
	}
}

/* 검색 폼 */
.sch-form-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap:wrap;
	gap: var(--g-gap-5);
}
.sch-form-wrap.vert {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	width:100%;
}
.sch-form-wrap.vert .sch-input {
	width: 100%;
}
.sch-form-wrap .input-group .g-form-select {
	width: auto;
}
.sch-form-wrap .g-btn.ico-sch-plus::before {
	width: var(--g-size-height-4);
	height: var(--g-size-height-4);
}

.sch-input {
	display: flex;
	position: relative;
}
.sch-input .g-input {
	padding: 0 var(--g-size-height-7) 0 var(--g-padding-6);
}
.sch-input .g-input.xlarge {
	font-weight: var(--g-font-weight-bold);
	padding: 0 7.2rem 0 var(--g-padding-8);
}
.sch-input .ico-search {
	position: absolute;
	top: 50%;
	right: var(--g-gap-5);
	transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
	.form-group .form-conts.keyword-sch {
		width: 100%;
	}
	/* 검색 폼 */
	.sch-form-wrap {
		flex-direction: column;
		align-items: flex-start;
	}
	.sch-input .g-input.xlg {
		padding: 0 var(--g-number-16) 0 var(--g-number-8);
	}
	.sch-input .g-input.xlg ~ .ico-search {
		right: var(--g-number-8);
		width: 2.4rem;
		height: 2.4rem;
	}
}
/* 입력 필드 / 텍스트 영역 */
.g-input, input, textarea {
	--g-input--color-surface: var(--g-light-color-input-surface);
	--g-input--color-surface-readonly: var(--g-light-color-input-surface-disabled);
	--g-input--color-surface-disabled: var(--g-light-color-input-surface-disabled);
	--g-input--color-surface-error: var(--g-light-color-input-surface);
	--g-input--color-border: var(--g-light-color-input-border);
	--g-input--color-border-active: var(--g-light-color-input-border-active);
	--g-input--color-border-readonly: var(--g-light-color-input-border-disabled);
	--g-input--color-border-disabled: var(--g-light-color-input-border-disabled);
	--g-input--color-border-error: var(--g-light-color-input-border-error);
	--g-input--color-text: var(--g-light-color-text-subtle);
	--g-input--color-text-active: var(--g-light-color-text-basic);
	--g-input--color-text-readonly: var(--g-light-color-text-subtle);
	--g-input--color-text-disabled: var(--g-light-color-text-disabled-on);
	--g-input--color-text-placeholder: var(--g-light-color-text-disabled);
	--g-input--color-text-error: var(--g-light-color-text-subtle);
	--g-input--padding-x: var(--g-padding-6);
	--g-input--size-height-small: var(--g-size-height-6);
	--g-input--radius-small: var(--g-radius-medium1);
	--g-input--pc-font-size-small: var(--g-pc-font-size-label-small);
	--g-input--mobile-font-size-small: var(--g-mobile-font-size-label-small);
	--g-input--size-height-medium: var(--g-size-height-7);
	--g-input--radius-medium: var(--g-radius-medium2);
	--g-input--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-input--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-input--size-height-large: var(--g-size-height-8);
	--g-input--radius-large: var(--g-radius-medium3);
	--g-input--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-input--mobile-font-size-large: var(--g-mobile-font-size-label-large);
	--g-input--size-height-xlarge: var(--g-size-height-11);
	--g-input--radius-xlarge: var(--g-radius-large2);
	--g-input--pc-font-size-xlarge: var(--g-pc-font-size-heading-medium);
	--g-input--mobile-font-size-xlarge: var(--g-mobile-font-size-heading-medium);
}
.g-input {
	height: var(--g-input--size-height-large);
	/*border-radius: var(--g-input--radius-large);*/
	font-size: var(--g-input--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-input, input{--g-input--padding-x: var(--g-padding-3);}
	.g-input {
		font-size: var(--g-input--mobile-font-size-large);
	}
}
.g-input.small {
	height: var(--g-input--size-height-small);
	/*border-radius: var(--g-input--radius-small);*/
	font-size: var(--g-input--pc-font-size-small);
}
@media screen and (max-width: 767px) {
	.g-input.small {
		font-size: var(--g-input--mobile-font-size-small);
	}
}
.g-input.medium {
	height: var(--g-input--size-height-medium);
	/*border-radius: var(--g-input--radius-medium);*/
	font-size: var(--g-input--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-input.medium {
		font-size: var(--g-input--mobile-font-size-medium);
	}
}
.g-input.large {
	height: var(--g-input--size-height-large);
	/*border-radius: var(--g-input--radius-large);*/
	font-size: var(--g-input--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-input.large {
		font-size: var(--g-input--mobile-font-size-large);
	}
}
.g-input.xlarge {
	height: var(--g-input--size-height-xlarge);
	/*border-radius: var(--g-input--radius-xlarge);*/
	font-size: var(--g-input--pc-font-size-xlarge);
	font-weight: var(--g-font-weight-bold);
}
@media screen and (max-width: 767px) {
	.g-input.xlarge {
		font-size: var(--g-input--mobile-font-size-xlarge);
	}
}
.g-input {
	position: relative;
	width: 100%;
	padding: 0 var(--g-input--padding-x);
	border-width: var(--g-light-border-width-variable-regular);
	background-color: var(--g-input--color-surface);
	border: 0.1rem solid var(--g-input--color-border);
	font-family: inherit;
	color: var(--g-input--color-text);
	transition: var(--g-transition-base);
}
.g-input:focus, .g-input.focus {
	border-color: var(--g-input--color-border-active);
	border-width: 2px;
	outline: none;
	box-shadow: none;
}
.g-input[readonly] {
	background-color: var(--g-input--color-surface-readonly);
	border-color: var(--g-input--color-border-readonly);
	color: var(--g-input--color-text-readonly);
}
.g-input[readonly].datepicker {
	background-color: var(--g-input--color-surface);
	border-color: var(--g-input--color-border);
	color: var(--g-input--color-text);
}
.g-input[readonly]:focus {
	border-color: var(--g-input--color-border-active);
}
.g-input[disabled] {
	background-color: var(--g-input--color-surface-disabled);
	border-color: var(--g-input--color-border-disabled);
	color: var(--g-input--color-text-disabled);
}
.g-input::-webkit-input-placeholder {
	color: var(--g-input--color-text-placeholder);
}
.g-input::-moz-placeholder {
	color: var(--g-input--color-text-placeholder);
}
.g-input:-ms-input-placeholder {
	color: var(--g-input--color-text-placeholder);
}
.g-input::-ms-input-placeholder {
	color: var(--g-input--color-text-placeholder);
}
.g-input:not(textarea):placeholder-shown {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

textarea textarea.g-input {
	--g-input--textarea-size-height: 14.4rem;
	--g-input--textarea-padding-x: var(--g-padding-6);
	--g-input--textarea-padding-y: var(--g-padding-3);
	height: var(--g-input--textarea-size-height);
	padding: var(--g-input--textarea-padding-y) var(--g-input--textarea-padding-x);
	line-height: var(--g-transition-base);
}

.is-error .g-input {
	background-color: var(--g-input--color-surface-error);
	border-color: var(--g-input--color-border-error);
	border-width: 2px;
	color: var(--g-input--color-text-error);
}
.is-error .g-input:focus {
	border-color: var(--g-input--color-border-active);
}

.textarea-wrap {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-gap-3);
	width: 100%;
}

.textarea-count {
	--g-input--count-number-pc-font-size: var(--g-pc-font-size-body-small);
	--g-input--count-number-mobile-font-size: var(--g-mobile-font-size-body-small);
	--g-input--count-number-color-text: var(--g-light-color-text-subtle);
	--g-input--count-number-color-text-active: var(--g-light-color-text-primary);
	--g-input--count-number-color-text-error: var(--g-light-color-text-danger);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	gap: var(--g-gap-1);
	width: 100%;
	font-size: var(--g-input--count-number-pc-font-size);
	color: var(--g-input--count-number-color-text);
}
@media screen and (max-width: 767px) {
	.textarea-count {
		font-size: var(--g-input--count-number-mobile-font-size);
	}
}
.textarea-count .count-now {
	color: var(--g-input--count-number-color-text-active);
}

.is-error .textarea-count .count-now {
	color: var(--g-input--count-number-color-text-error);
}

.textarea-bottom {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-5);
}
.textarea-bottom .textarea-count {
	margin-left: auto;
	flex-basis: content;
	order: 2;
}
.textarea-bottom .form-hint-invalid {
	align-items: flex-start;
	order: 1;
}
.textarea-bottom .form-hint-invalid::before {
	flex: none;
}

/* 날짜선택 */
.calendar-input {
	--g-input--color-surface: var(--g-light-color-input-surface);
	position: relative;
	z-index: 1;
}
.calendar-input .g-input {
	width:18rem;
	padding-right: var(--g-form-group--icon-padding-right);
	background-image: none;
}
.calendar-input .g-btn {
	position: absolute;
	top: 50%;
	right: var(--g-padding-7);
	transform: translateY(-50%);
}
.calendar-input .range::after {
	display: none;
}
@media screen and (max-width:767px){
	.input-group.m-column .calendar-input{width:100%;}
	.calendar-input .g-input{width:100%;}
}

[data-g-mode=high-contrast] {
	/* 날짜선택 */
}
[data-g-mode=high-contrast] .g-input {
	--g-input--color-surface: var(--g-high-contrast-color-input-surface);
	--g-input--color-surface-readonly: var(--g-high-contrast-color-input-surface-disabled);
	--g-input--color-surface-disabled: var(--g-high-contrast-color-input-surface-disabled);
	--g-input--color-surface-error: var(--g-high-contrast-color-input-surface);
	--g-input--color-border: var(--g-high-contrast-color-input-border);
	--g-input--color-border-active: var(--g-high-contrast-color-input-border-active);
	--g-input--color-border-readonly: var(--g-high-contrast-color-input-border-disabled);
	--g-input--color-border-disabled: var(--g-high-contrast-color-input-border-disabled);
	--g-input--color-border-error: var(--g-high-contrast-color-input-border-error);
	--g-input--color-text: var(--g-high-contrast-color-text-subtle);
	--g-input--color-text-active: var(--g-high-contrast-color-text-basic);
	--g-input--color-text-readonly: var(--g-high-contrast-color-text-subtle);
	--g-input--color-text-disabled: var(--g-high-contrast-color-text-disabled-on);
	--g-input--color-text-placeholder: var(--g-high-contrast-color-text-disabled);
	--g-input--color-text-error: var(--g-high-contrast-color-text-subtle);
	border-width: var(--g-high-contrast-border-width-variable-regular);
}
[data-g-mode=high-contrast] .textarea-count {
	--g-input--count-number-color-text: var(--g-high-contrast-color-text-subtle);
	--g-input--count-number-color-text-active: var(--g-high-contrast-color-text-primary);
}
[data-g-mode=high-contrast] .calendar-input {
	--g-input--color-surface: var(--g-high-contrast-color-input-surface);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] {
		/* 날짜선택 */
	}
	[data-g-mode=theme] .g-input {
		--g-input--color-surface: var(--g-high-contrast-color-input-surface);
		--g-input--color-surface-readonly: var(--g-high-contrast-color-input-surface-disabled);
		--g-input--color-surface-disabled: var(--g-high-contrast-color-input-surface-disabled);
		--g-input--color-surface-error: var(--g-high-contrast-color-input-surface);
		--g-input--color-border: var(--g-high-contrast-color-input-border);
		--g-input--color-border-active: var(--g-high-contrast-color-input-border-active);
		--g-input--color-border-readonly: var(--g-high-contrast-color-input-border-disabled);
		--g-input--color-border-disabled: var(--g-high-contrast-color-input-border-disabled);
		--g-input--color-border-error: var(--g-high-contrast-color-input-border-error);
		--g-input--color-text: var(--g-high-contrast-color-text-subtle);
		--g-input--color-text-active: var(--g-high-contrast-color-text-basic);
		--g-input--color-text-readonly: var(--g-high-contrast-color-text-subtle);
		--g-input--color-text-disabled: var(--g-high-contrast-color-text-disabled-on);
		--g-input--color-text-placeholder: var(--g-high-contrast-color-text-disabled);
		--g-input--color-text-error: var(--g-high-contrast-color-text-subtle);
		border-width: var(--g-high-contrast-border-width-variable-regular);
	}
	[data-g-mode=theme] .textarea-count {
		--g-input--count-number-color-text: var(--g-high-contrast-color-text-subtle);
		--g-input--count-number-color-text-active: var(--g-high-contrast-color-text-primary);
	}
	[data-g-mode=theme] .calendar-input {
		--g-input--color-surface: var(--g-high-contrast-color-input-surface);
	}
}

/* 파일 업로드 */
.g-file-upload {
	--g-file-upload--gap: var(--g-gap-7);
	--g-file-upload--file-total-y: .3rem;
	--g-file-upload--file-padding-x: var(--g-padding-10);
	--g-file-upload--file-padding-y: 6.4rem;
	--g-file-upload--file-radius: var(--g-radius-xlarge1);
	--g-file-upload--file-pc-font-size: var(--g-pc-font-size-body-large);
	--g-file-upload--file-mobile-font-size: var(--g-mobile-font-size-body-large);
	--g-file-upload--list-padding: var(--g-padding-6);
	--g-file-upload--list-radius: var(--g-radius-medium4);
	--g-file-upload--mobile-list-padding-y: var(--g-padding-5);
	--g-file-upload--line-radius: var(--g-radius-xlarge1);
	--g-file-upload--line-pc-padding: var(--g-pc-padding-card-large);
	--g-file-upload--line-mobile-padding: var(--g-mobile-padding-card-large);
	--g-file-upload--head-pc-font-size: var(--g-pc-font-size-heading-small);
	--g-file-upload--head-mobile-font-size: var(--g-mobile-font-size-heading-small);
	--g-file-upload--head-pc-margin-bottom: var(--g-pc-gap-layout-title-body-small);
	--g-file-upload--head-mobile-margin-bottom: var(--g-mobile-gap-layout-title-body-small);
	--g-file-upload--border-width: var(--g-light-border-width-variable-regular);
	--g-file-upload--border-medium: var(--g-light-border-width-variable-medium);
	--g-file-upload--file-color-surface: var(--g-light-color-surface-gray-subtle);
	--g-file-upload--file-color-border-active: var(--g-light-color-border-gray);
	--g-file-upload--list-color-surface: var(--g-light-color-surface-danger-subtler);
	--g-file-upload--list-color-border: var(--g-light-color-divider-gray-light);
	--g-file-upload--list-color-border-error: var(--g-light-color-border-danger);
	--g-file-upload--list-color-text: var(--g-light-color-text-bolder);
	--g-file-upload--list-color-text-error: var(--g-light-color-text-danger);
	--g-file-upload--line-color-border: var(--g-light-color-border-gray);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-file-upload--gap);
	width: 100%;
}
.g-file-upload.line {
	padding: var(--g-file-upload--line-pc-padding);
	border: var(--g-file-upload--border-width) solid var(--g-file-upload--line-color-border);
	/*border-radius: var(--g-file-upload--line-radius);*/
}
@media screen and (max-width: 767px) {
	.g-file-upload.line {
		padding: var(--g-file-upload--line-mobile-padding);
	}
}
.g-file-upload .file-head .tit {
	margin-bottom: var(--g-file-upload--head-pc-margin-bottom);
	font-size: var(--g-file-upload--head-pc-font-size);
}
@media screen and (max-width: 767px) {
	.g-file-upload .file-head .tit {
		margin-bottom: var(--g-file-upload--head-mobile-margin-bottom);
		font-size: var(--g-file-upload--head-mobile-font-size);
	}
}
.g-file-upload .file-upload {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: var(--g-gap-9);
	width: 100%;
	padding: var(--g-file-upload--file-padding-y) var(--g-file-upload--file-padding-x);
	/*border-radius: var(--g-file-upload--file-radius);*/
	border: var(--g-file-upload--border-width) dashed transparent;
	background-color: var(--g-file-upload--file-color-surface);
}
.g-file-upload .file-upload .txt {
	font-size: var(--g-file-upload--file-pc-font-size);
	text-align: center;
}
@media screen and (max-width: 767px) {
	.g-file-upload .file-upload .txt {
		font-size: var(--g-file-upload--file-mobile-font-size);
	}
}
.g-file-upload .file-upload [type=file] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.g-file-upload .file-upload.active {
	border-color: var(--g-file-upload--file-color-border-active) !important;
}
.g-file-upload .file-list {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-file-upload--gap);
	position: relative;
	width: 100%;
}
.g-file-upload .file-list .total {
	padding: var(--g-file-upload--file-total-y) 0;
	font-weight: var(--g-font-weight-bold);
}
.g-file-upload .file-list .total .current {
	color: var(--g-light-color-text-primary);
}
.g-file-upload .file-list .upload-list {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-gap-5);
	width: 100%;
}
.g-file-upload .file-list .upload-list > li {
	padding: var(--g-file-upload--list-padding);
	/*border-radius: var(--g-file-upload--list-radius);*/
	border: var(--g-file-upload--border-width) solid var(--g-file-upload--list-color-border);
	color: var(--g-file-upload--list-color-text);
}
@media screen and (max-width: 767px) {
	.g-file-upload .file-list .upload-list > li {
		padding-top: var(--g-file-upload--mobile-list-padding-y);
		padding-bottom: var(--g-file-upload--mobile-list-padding-y);
	}
}
.g-file-upload .file-list .upload-list > li.is-error {
	border: var(--g-file-upload--border-medium) solid var(--g-file-upload--list-color-border-error);
	background-color: var(--g-file-upload--list-color-surface);
}
.g-file-upload .file-list .upload-list > li.is-error .file-hint {
	color: var(--g-file-upload--list-color-text-error);
}
.g-file-upload .file-list .upload-list .file-info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-5);
}
.g-file-upload .file-list .upload-list .file-info > div {
	display: inline-flex;
}
.g-file-upload .file-list .upload-list .file-info .file-name {
	flex: 1;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
@media screen and (max-width: 767px) {
	.g-file-upload .file-list .upload-list .file-info .file-name {
		display: flex;
	}
}
.g-file-upload .file-list .upload-list .file-info .btn-wrap {
	align-items: center;
	gap: var(--g-gap-5);
	width: auto;
}
.g-file-upload .file-list .upload-list .file-info .ico-invalid {
	display: inline-flex;
	width: var(--g-icon--size-medium);
	height: var(--g-icon--size-medium);
	background-color: var(--g-light-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
}
.g-file-upload .file-list .upload-list .file-info .ico-invalid.error {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_error_fill.svg);
	mask-image: url(../images/common/icon/ico_error_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_error_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.g-file-upload .file-list .upload-list .file-info .ico-invalid.complete {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_complete_fill.svg);
	mask-image: url(../images/common/icon/ico_complete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_complete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
@media screen and (max-width: 767px) {
	.g-file-upload .file-list .upload-list .file-info.m-column {
		flex-direction: column;
		gap: var(--g-gap-3);
	}
	.g-file-upload .file-list .upload-list .file-info.m-column .btn-wrap {
		gap: var(--g-gap-5);
		justify-content: flex-end;
		width: 100%;
	}
}
.g-file-upload .file-list .upload-list .file-hint-invalid {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-2);
	width: 100%;
	padding-top: var(--g-padding-5);
	margin-top: var(--g-padding-5);
	border-top: var(--g-file-upload--border-width) solid var(--g-light-color-divider-gray);
	color: var(--g-file-upload--list-color-text-error);
}
.g-file-upload .file-list .upload-list .file-hint-invalid::before {
	content: "";
	margin-top: var(--g-padding-1);
	display: inline-flex;
	width: var(--g-icon--size-medium);
	height: var(--g-icon--size-medium);
	background-color: var(--g-light-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_error_fill.svg);
	mask-image: url(../images/common/icon/ico_error_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_error_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.g-file-upload .file-list .upload-delete-btn {
	position: absolute;
	top: 0;
	right: 0;
}

[data-g-mode=high-contrast] .g-file-upload {
	--g-file-upload--border-width: var(--g-high-contrast-border-width-variable-regular);
	--g-file-upload--border-medium: var(--g-high-contrast-border-width-variable-medium);
	--g-file-upload--file-color-surface: var(--g-high-contrast-color-surface-gray-subtle);
	--g-file-upload--file-color-border-active: var(--g-high-contrast-color-border-gray);
	--g-file-upload--list-color-surface: var(--g-high-contrast-color-surface-danger-subtler);
	--g-file-upload--list-color-border: var(--g-high-contrast-color-divider-gray-light);
	--g-file-upload--list-color-border-error: var(--g-high-contrast-color-border-danger);
	--g-file-upload--list-color-text: var(--g-high-contrast-color-text-bolder);
	--g-file-upload--list-color-text-error: var(--g-high-contrast-color-text-danger);
	--g-file-upload--line-color-border: var(--g-high-contrast-color-border-gray);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-file-upload {
		--g-file-upload--border-width: var(--g-high-contrast-border-width-variable-regular);
		--g-file-upload--border-medium: var(--g-high-contrast-border-width-variable-medium);
		--g-file-upload--file-color-surface: var(--g-high-contrast-color-surface-gray-subtle);
		--g-file-upload--file-color-border-active: var(--g-high-contrast-color-border-gray);
		--g-file-upload--list-color-surface: var(--g-high-contrast-color-surface-danger-subtler);
		--g-file-upload--list-color-border: var(--g-high-contrast-color-divider-gray-light);
		--g-file-upload--list-color-border-error: var(--g-high-contrast-color-border-danger);
		--g-file-upload--list-color-text: var(--g-high-contrast-color-text-bolder);
		--g-file-upload--list-color-text-error: var(--g-high-contrast-color-text-danger);
		--g-file-upload--line-color-border: var(--g-high-contrast-color-border-gray);
	}
}

/* 셀렉트 */
.g-form-select, select {
	--g-form-select--color-background: var(--g-light-color-input-surface);
	--g-form-select--color-background-readonly: var(--g-light-color-input-surface-disabled);
	--g-form-select--color-background-disabled: var(--g-light-color-input-surface-disabled);
	--g-form-select--color-background-error: var(--g-light-color-input-surface);
	--g-form-select--icon-color-background: var(--g-light-color-icon-gray);
	--g-form-select--icon-color-background-readonly: var(--g-light-color-icon-disabled-on);
	--g-form-select--icon-color-background-disabled: var(--g-light-color-icon-disabled-on);
	--g-form-select--color-border: var(--g-light-color-input-border);
	--g-form-select--color-border-active: var(--g-light-color-input-border-active);
	--g-form-select--color-border-readonly: var(--g-light-color-input-border-disabled);
	--g-form-select--color-border-disabled: var(--g-light-color-input-border-disabled);
	--g-form-select--color-border-error: var(--g-light-color-input-border-error);
	--g-form-select--color-text: var(--g-light-color-text-disabled);
	--g-form-select--color-text-active: var(--g-light-color-text-basic);
	--g-form-select--color-text-completed: var(--g-light-color-text-subtle);
	--g-form-select--color-text-disabled: var(--g-light-color-text-disabled-on);
	--g-form-select--color-text-error: var(--g-light-color-text-subtle);
	--g-form-select--padding-default: var(--g-padding-6);
	--g-form-select--size-height-small: var(--g-size-height-6);
	--g-form-select--icon-size-small: var(--g-icon--size-small);
	--g-form-select--radius-small: var(--g-radius-medium1);
	--g-form-select--padding-right-small: calc(var(--g-form-select--padding-default) + var(--g-gap-3) + var(--g-form-select--icon-size-small));
	--g-form-select--pc-font-size-small: var(--g-pc-font-size-label-small);
	--g-form-select--mobile-font-size-small: var(--g-mobile-font-size-label-small);
	--g-form-select--size-height-medium: var(--g-size-height-7);
	--g-form-select--icon-size-medium: var(--g-icon--size-medium);
	--g-form-select--padding-right-medium: calc(var(--g-form-select--padding-default) + var(--g-gap-3) + var(--g-form-select--icon-size-medium));
	--g-form-select--radius-medium: var(--g-radius-medium2);
	--g-form-select--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-form-select--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-form-select--size-height-large: var(--g-size-height-8);
	--g-form-select--icon-size-large: var(--g-icon--size-large);
	--g-form-select--padding-right-large: calc(var(--g-form-select--padding-default) + var(--g-gap-3) + var(--g-form-select--icon-size-large));
	--g-form-select--radius-large: var(--g-radius-medium3);
	--g-form-select--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-form-select--mobile-font-size-large: var(--g-mobile-font-size-label-large);
}
.g-form-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: var(--g-form-select--size-height-large);
	padding: 0 var(--g-form-select--padding-right-large) 0 var(--g-form-select--padding-default);
	background-position: center right var(--g-form-select--padding-default);
	background-size: var(--g-form-select--icon-size-large) !important;
	/*border-radius: var(--g-form-select--radius-large);*/
	font-size: var(--g-form-select--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-form-select {
		font-size: var(--g-form-select--mobile-font-size-large);
	}
}
.g-form-select.small {
	height: var(--g-form-select--size-height-small);
	padding: 0 var(--g-form-select--padding-right-small) 0 var(--g-form-select--padding-default);
	background-position: center right var(--g-form-select--padding-default);
	background-size: var(--g-form-select--icon-size-small) !important;
	/*border-radius: var(--g-form-select--radius-small);*/
	font-size: var(--g-form-select--pc-font-size-small);
}
@media screen and (max-width: 767px) {
	.g-form-select.small, select{
		--g-form-select--padding-default: var(--g-padding-3);
	}
	.g-form-select.small {
		font-size: var(--g-form-select--mobile-font-size-small);
	}
}
.g-form-select.medium {
	height: var(--g-form-select--size-height-medium);
	padding: 0 var(--g-form-select--padding-right-medium) 0 var(--g-form-select--padding-default);
	background-position: center right var(--g-form-select--padding-default);
	background-size: var(--g-form-select--icon-size-medium) !important;
	/*border-radius: var(--g-form-select--radius-medium);*/
	font-size: var(--g-form-select--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-form-select.medium {
		font-size: var(--g-form-select--mobile-font-size-medium);
	}
}
.g-form-select.large {
	height: var(--g-form-select--size-height-large);
	padding: 0 var(--g-form-select--padding-right-large) 0 var(--g-form-select--padding-default);
	background-position: center right var(--g-form-select--padding-default);
	background-size: var(--g-form-select--icon-size-large) !important;
	/*border-radius: var(--g-form-select--radius-large);*/
	font-size: var(--g-form-select--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-form-select.large {
		font-size: var(--g-form-select--mobile-font-size-large);
	}
}
.g-form-select {
	position: relative;
	width: 100%;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_angle.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	background-color: var(--g-form-select--color-background) !important;
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-form-select--color-border);
	font-family: inherit;
	color: var(--g-form-select--color-text);
	transition: var(--g-transition-base);
}
.g-form-select:focus {
	border-color: var(--g-form-select--color-border-active);
	border-width: 2px;
	outline: none;
	box-shadow: none;
	color: var(--g-form-select--color-text-active);
}
.g-form-select.completed {
	color: var(--g-form-select--color-text-completed);
}
.g-form-select.is-error {
	border-color: var(--g-form-select--color-border-error);
	border-width: 2px;
}
.g-form-select[disabled] {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle_disabled.svg);
	mask-image: url(../images/common/icon/ico_angle_disabled.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_angle_disabled.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	background-color: var(--g-form-select--color-background-disabled) !important;
	border-color: var(--g-form-select--color-border-disabled);
	color: var(--g-form-select--color-text-disabled);
}

.is-error .g-form-select {
	border-color: var(--g-light-color-text-point);
	border-width: 2px;
}

[data-g-mode=high-contrast] .g-form-select {
	--g-form-select--color-background: var(--g-high-contrast-color-input-surface);
	--g-form-select--color-background-readonly: var(--g-high-contrast-color-input-surface-disabled);
	--g-form-select--color-background-disabled: var(--g-high-contrast-color-input-surface-disabled);
	--g-form-select--color-background-error: var(--g-high-contrast-color-input-surface);
	--g-form-select--icon-color-background: var(--g-high-contrast-color-icon-gray);
	--g-form-select--icon-color-background-readonly: var(--g-high-contrast-color-icon-disabled-on);
	--g-form-select--icon-color-background-disabled: var(--g-high-contrast-color-icon-disabled-on);
	--g-form-select--color-border: var(--g-high-contrast-color-input-border);
	--g-form-select--color-border-active: var(--g-high-contrast-color-input-border-active);
	--g-form-select--color-border-readonly: var(--g-high-contrast-color-input-border-disabled);
	--g-form-select--color-border-disabled: var(--g-high-contrast-color-input-border-disabled);
	--g-form-select--color-border-error: var(--g-high-contrast-color-input-border-error);
	--g-form-select--color-text: var(--g-high-contrast-color-text-disabled);
	--g-form-select--color-text-active: var(--g-high-contrast-color-text-basic);
	--g-form-select--color-text-completed: var(--g-high-contrast-color-text-subtle);
	--g-form-select--color-text-disabled: var(--g-high-contrast-color-text-disabled-on);
	--g-form-select--color-text-error: var(--g-high-contrast-color-text-subtle);
	border-width: var(--g-high-contrast-border-width-variable-regular);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle_inverse.svg);
	mask-image: url(../images/common/icon/ico_angle_inverse.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_angle_inverse.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	background-color: var(--g-form-select--color-background) !important;
}
[data-g-mode=high-contrast] .g-form-select[disabled] {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle_disabled_inverse.svg);
	mask-image: url(../images/common/icon/ico_angle_disabled_inverse.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_angle_disabled_inverse.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	background-color: var(--g-form-select--color-background-disabled) !important;
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-select {
		--g-form-select--color-background: var(--g-high-contrast-color-input-surface);
		--g-form-select--color-background-readonly: var(--g-high-contrast-color-input-surface-disabled);
		--g-form-select--color-background-disabled: var(--g-high-contrast-color-input-surface-disabled);
		--g-form-select--color-background-error: var(--g-high-contrast-color-input-surface);
		--g-form-select--icon-color-background: var(--g-high-contrast-color-icon-gray);
		--g-form-select--icon-color-background-readonly: var(--g-high-contrast-color-icon-disabled-on);
		--g-form-select--icon-color-background-disabled: var(--g-high-contrast-color-icon-disabled-on);
		--g-form-select--color-border: var(--g-high-contrast-color-input-border);
		--g-form-select--color-border-active: var(--g-high-contrast-color-input-border-active);
		--g-form-select--color-border-readonly: var(--g-high-contrast-color-input-border-disabled);
		--g-form-select--color-border-disabled: var(--g-high-contrast-color-input-border-disabled);
		--g-form-select--color-border-error: var(--g-high-contrast-color-input-border-error);
		--g-form-select--color-text: var(--g-high-contrast-color-text-disabled);
		--g-form-select--color-text-active: var(--g-high-contrast-color-text-basic);
		--g-form-select--color-text-completed: var(--g-high-contrast-color-text-subtle);
		--g-form-select--color-text-disabled: var(--g-high-contrast-color-text-disabled-on);
		--g-form-select--color-text-error: var(--g-high-contrast-color-text-subtle);
		border-width: var(--g-high-contrast-border-width-variable-regular);
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_angle_inverse.svg);
		mask-image: url(../images/common/icon/ico_angle_inverse.svg);
		-webkit-mask-image: none;
		mask-image: none;
		background-image: url(../images/common/icon/ico_angle_inverse.svg);
		background-color: transparent !important;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-mask: none;
		mask: none;
		background-color: var(--g-form-select--color-background) !important;
	}
	[data-g-mode=theme] .g-form-select[disabled] {
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_angle_disabled_inverse.svg);
		mask-image: url(../images/common/icon/ico_angle_disabled_inverse.svg);
		-webkit-mask-image: none;
		mask-image: none;
		background-image: url(../images/common/icon/ico_angle_disabled_inverse.svg);
		background-color: transparent !important;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-mask: none;
		mask: none;
		background-color: var(--g-form-select--color-background-disabled) !important;
	}
}

/* sorting select */
.g-form-select-sort {
	--g-form-select-sorting--color-background: var(--g-light-color-action-secondary);
	--g-form-select-sorting--color-background-hover: var(--g-light-color-action-secondary-hover);
	--g-form-select-sorting--color-background-pressed: var(--g-light-color-action-secondary-pressed);
	--g-form-select-sorting--color-text: var(--g-light-color-text-basic);
	--g-form-select-sorting--padding-left: var(--g-padding-2);
	--g-form-select-sorting--radius: var(--g-radius-small2);
	--g-form-select-sorting--icon-size-small: var(--g-icon--size-small);
	--g-form-select-sorting--padding-left-small: var(--g-padding-1);
	--g-form-select-sorting--padding-right-small: calc(var(--g-form-select-sorting--padding-left) + var(--g-gap-1) + var(--g-form-select-sorting--icon-size-small));
	--g-form-select-sorting--pc-font-size-small: var(--g-pc-font-size-label-small);
	--g-form-select-sorting--mobile-font-size-small: var(--g-mobile-font-size-label-small);
	--g-form-select-sorting--icon-size-medium: var(--g-icon--size-medium);
	--g-form-select-sorting--padding-left-medium: var(--g-padding-2);
	--g-form-select-sorting--padding-right-medium: calc(var(--g-form-select-sorting--padding-left) + var(--g-gap-1) + var(--g-form-select-sorting--icon-size-medium));
	--g-form-select-sorting--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-form-select-sorting--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-form-select-sorting--icon-size-large: var(--g-icon--size-large);
	--g-form-select-sorting--padding-left-large: var(--g-padding-2);
	--g-form-select-sorting--padding-right-large: calc(var(--g-form-select-sorting--padding-left) + var(--g-gap-1) + var(--g-form-select-sorting--icon-size-large));
	--g-form-select-sorting--pc-font-size-large: var(--g-pc-font-size-heading-small);
	--g-form-select-sorting--mobile-font-size-large: var(--g-mobile-font-size-heading-small);
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_angle.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	background-color: var(--g-form-select-sorting--color-background) !important;
	border: none;
	border-radius: var(--g-form-select-sorting--radius);
	font-family: inherit;
	color: var(--g-form-select-sorting--color-text);
	transition: var(--g-transition-base);
}
.g-form-select-sort {
	padding: 0 var(--g-form-select-sorting--padding-right-medium) 0 var(--g-form-select-sorting--padding-left);
	background-position: center right var(--g-form-select-sorting--padding-left);
	background-size: var(--g-form-select-sorting--icon-size-medium) !important;
	font-size: var(--g-form-select-sorting--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-form-select-sort {
		font-size: var(--g-form-select-sorting--mobile-font-size-medium);
	}
}
.g-form-select-sort.small {
	padding: 0 var(--g-form-select-sorting--padding-right-small) 0 var(--g-form-select-sorting--padding-left);
	background-position: center right var(--g-form-select-sorting--padding-left);
	background-size: var(--g-form-select-sorting--icon-size-small) !important;
	font-size: var(--g-form-select-sorting--pc-font-size-small);
}
@media screen and (max-width: 767px) {
	.g-form-select-sort.small {
		font-size: var(--g-form-select-sorting--mobile-font-size-small);
	}
}
.g-form-select-sort.medium {
	padding: 0 var(--g-form-select-sorting--padding-right-medium) 0 var(--g-form-select-sorting--padding-left);
	background-position: center right var(--g-form-select-sorting--padding-left);
	background-size: var(--g-form-select-sorting--icon-size-medium) !important;
	font-size: var(--g-form-select-sorting--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-form-select-sort.medium {
		font-size: var(--g-form-select-sorting--mobile-font-size-medium);
	}
}
.g-form-select-sort.large {
	padding: 0 var(--g-form-select-sorting--padding-right-large) 0 var(--g-form-select-sorting--padding-left);
	background-position: center right var(--g-form-select-sorting--padding-left);
	background-size: var(--g-form-select-sorting--icon-size-large) !important;
	font-size: var(--g-form-select-sorting--pc-font-size-large);
	font-weight: var(--g-font-weight-bold);
}
@media screen and (max-width: 767px) {
	.g-form-select-sort.large {
		font-size: var(--g-form-select-sorting--mobile-font-size-large);
	}
}
.g-form-select-sort:hover {
	background-color: var(--g-form-select-sorting--color-background-hover) !important;
}
.g-form-select-sort:focus {
	background-color: var(--g-form-select-sorting--color-background-pressed) !important;
}

[data-g-mode=high-contrast] .g-form-select-sort {
	--g-form-select-sorting--color-background: var(--g-high-contrast-color-action-secondary);
	--g-form-select-sorting--color-background-hover: var(--g-high-contrast-color-action-secondary-hover);
	--g-form-select-sorting--color-background-pressed: var(--g-high-contrast-color-action-secondary-pressed);
	--g-form-select-sorting--color-text: var(--g-high-contrast-color-text-basic);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle_inverse.svg);
	mask-image: url(../images/common/icon/ico_angle_inverse.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_angle_inverse.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	background-color: var(--g-form-select-sorting--color-background) !important;
}
[data-g-mode=high-contrast] .g-form-select-sort:hover {
	background-color: var(--g-form-select-sorting--color-background-hover) !important;
}
[data-g-mode=high-contrast] .g-form-select-sort:focus {
	background-color: var(--g-form-select-sorting--color-background-pressed) !important;
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-form-select-sort {
		--g-form-select-sorting--color-background: var(--g-high-contrast-color-action-secondary);
		--g-form-select-sorting--color-background-hover: var(--g-high-contrast-color-action-secondary-hover);
		--g-form-select-sorting--color-background-pressed: var(--g-high-contrast-color-action-secondary-pressed);
		--g-form-select-sorting--color-text: var(--g-high-contrast-color-text-basic);
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		-webkit-mask-image: url(../images/common/icon/ico_angle_inverse.svg);
		mask-image: url(../images/common/icon/ico_angle_inverse.svg);
		-webkit-mask-image: none;
		mask-image: none;
		background-image: url(../images/common/icon/ico_angle_inverse.svg);
		background-color: transparent !important;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-mask: none;
		mask: none;
		background-color: var(--g-form-select-sorting--color-background) !important;
	}
	[data-g-mode=theme] .g-form-select-sort:hover {
		background-color: var(--g-form-select-sorting--color-background-hover) !important;
	}
	[data-g-mode=theme] .g-form-select-sort:focus {
		background-color: var(--g-form-select-sorting--color-background-pressed) !important;
	}
}

/* tag style */
.g-tag-wrap {
	--g-btn-tag--color-text: var(--g-light-color-text-basic);
	--g-btn-tag--color-action: var(--g-light-color-action-white);
	--g-btn-tag--color-action-hover: var(--g-light-color-action-secondary-hover);
	--g-btn-tag--color-action-pressed: var(--g-light-color-action-secondary-pressed);
	--g-btn-tag--color-border: var(--g-light-color-border-gray-light);
	--g-btn-tag--color-border-hover: var(--g-light-color-action-secondary-hover);
	--g-btn-tag--color-border-pressed: var(--g-light-color-action-secondary-pressed);
	--g-btn-tag--wrapper-gap-x-small: var(--g-gap-2);
	--g-btn-tag--wrapper-gap-y-small: var(--g-gap-3);
	--g-btn-tag--size-height-small: var(--g-size-height-4);
	--g-btn-tag--button-size-small: var(--g-size-height-2);
	--g-btn-tag--padding-x-small: var(--g-padding-3);
	--g-btn-tag--pc-font-size-small: var(--g-pc-font-size-label-xsmall);
	--g-btn-tag--mobile-font-size-small: var(--g-mobile-font-size-label-xsmall);
	--g-btn-tag--wrapper-gap-x-medium: var(--g-gap-3);
	--g-btn-tag--wrapper-gap-y-medium: var(--g-gap-3);
	--g-btn-tag--size-height-medium: var(--g-size-height-5);
	--g-btn-tag--button-size-medium: var(--g-size-height-2);
	--g-btn-tag--padding-x-medium: var(--g-padding-4);
	--g-btn-tag--pc-font-size-medium: var(--g-pc-font-size-label-small);
	--g-btn-tag--mobile-font-size-medium: var(--g-mobile-font-size-label-small);
	--g-btn-tag--wrapper-gap-x-large: var(--g-gap-3);
	--g-btn-tag--wrapper-gap-y-large: var(--g-gap-4);
	--g-btn-tag--size-height-large: var(--g-size-height-6);
	--g-btn-tag--button-size-large: var(--g-size-height-2);
	--g-btn-tag--padding-x-large: var(--g-padding-5);
	--g-btn-tag--pc-font-size-large: var(--g-pc-font-size-label-medium);
	--g-btn-tag--mobile-font-size-large: var(--g-mobile-font-size-label-medium);
}
.g-tag-wrap.small {
	gap: var(--g-btn-tag--wrapper-gap-y-small) var(--g-btn-tag--wrapper-gap-x-small);
}
.g-tag-wrap.small .g-btn-tag {
	gap: var(--g-gap-1);
	height: var(--g-btn-tag--size-height-small);
	padding: var(--g-padding-3) var(--g-btn-tag--padding-x-small);
	border-radius: var(--g-btn-tag--size-height-small);
	font-size: var(--g-btn-tag--pc-font-size-small);
	line-height: var(--g-line-height-none);
}
@media screen and (max-width: 767px) {
	.g-tag-wrap.small .g-btn-tag {
		font-size: var(--g-btn-tag--mobile-font-size-small);
	}
}
.g-tag-wrap.small .g-btn-tag .btn-delete {
	width: var(--g-btn-tag--button-size-small);
	height: var(--g-btn-tag--button-size-small);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_delete_fill.svg);
	mask-image: url(../images/common/icon/ico_delete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_delete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	line-height: var(--g-line-height-none);
}
.g-tag-wrap.medium {
	gap: var(--g-btn-tag--wrapper-gap-y-medium) var(--g-btn-tag--wrapper-gap-x-medium);
}
.g-tag-wrap.medium .g-btn-tag {
	gap: var(--g-gap-1);
	height: var(--g-btn-tag--size-height-medium);
	padding: var(--g-padding-3) var(--g-btn-tag--padding-x-medium);
	border-radius: var(--g-btn-tag--size-height-medium);
	font-size: var(--g-btn-tag--pc-font-size-medium);
	line-height: var(--g-line-height-none);
}
@media screen and (max-width: 767px) {
	.g-tag-wrap.medium .g-btn-tag {
		font-size: var(--g-btn-tag--mobile-font-size-medium);
	}
}
.g-tag-wrap.medium .g-btn-tag .btn-delete {
	width: var(--g-btn-tag--button-size-medium);
	height: var(--g-btn-tag--button-size-medium);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_delete_fill.svg);
	mask-image: url(../images/common/icon/ico_delete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_delete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	line-height: var(--g-line-height-none);
}
.g-tag-wrap.large {
	gap: var(--g-btn-tag--wrapper-gap-y-large) var(--g-btn-tag--wrapper-gap-x-large);
}
.g-tag-wrap.large .g-btn-tag {
	gap: var(--g-gap-1);
	height: var(--g-btn-tag--size-height-large);
	padding: var(--g-padding-3) var(--g-btn-tag--padding-x-large);
	border-radius: var(--g-btn-tag--size-height-large);
	font-size: var(--g-btn-tag--pc-font-size-large);
	line-height: var(--g-line-height-none);
}
@media screen and (max-width: 767px) {
	.g-tag-wrap.large .g-btn-tag {
		font-size: var(--g-btn-tag--mobile-font-size-large);
	}
}
.g-tag-wrap.large .g-btn-tag .btn-delete {
	width: var(--g-btn-tag--button-size-large);
	height: var(--g-btn-tag--button-size-large);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_delete_fill.svg);
	mask-image: url(../images/common/icon/ico_delete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_delete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	line-height: var(--g-line-height-none);
}
.g-tag-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: var(--g-btn-tag--wrapper-gap-y-medium) var(--g-btn-tag--wrapper-gap-x-medium);
}
.g-tag-wrap .g-btn-tag {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
	background-color: var(--g-btn-tag--color-action);
	border: 0.1rem solid var(--g-btn-tag--color-border);
	transition: var(--g-transition-base);
	gap: var(--g-gap-1);
	height: var(--g-btn-tag--size-height-medium);
	padding: var(--g-padding-3) var(--g-btn-tag--padding-x-medium);
	border-radius: var(--g-btn-tag--size-height-medium);
	font-size: var(--g-btn-tag--pc-font-size-medium);
	line-height: var(--g-line-height-none);
}
@media screen and (max-width: 767px) {
	.g-tag-wrap .g-btn-tag {
		font-size: var(--g-btn-tag--mobile-font-size-medium);
	}
}
.g-tag-wrap .g-btn-tag:hover {
	background-color: var(--g-btn-tag--color-action-hover);
}
.g-tag-wrap .g-btn-tag:active {
	background-color: var(--g-btn-tag--color-action-pressed);
}
.g-tag-wrap .g-btn-tag.link:hover, .g-tag-wrap .g-btn-tag.link:active {
	text-decoration: underline;
	text-underline-offset: var(--g-font-underline-offset);
}
.g-tag-wrap .g-btn-tag .btn-delete {
	width: var(--g-btn-tag--button-size-medium);
	height: var(--g-btn-tag--button-size-medium);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_delete_fill.svg);
	mask-image: url(../images/common/icon/ico_delete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_delete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
	line-height: var(--g-line-height-none);
}

[data-g-mode=high-contrast] .g-tag-wrap {
	--g-btn-tag--color-text: var(--g-high-contrast-color-text-basic);
	--g-btn-tag--color-action: var(--g-high-contrast-color-action-white);
	--g-btn-tag--color-action-hover: var(--g-high-contrast-color-action-secondary-hover);
	--g-btn-tag--color-action-pressed: var(--g-high-contrast-color-action-secondary-pressed);
	--g-btn-tag--color-border: var(--g-high-contrast-color-border-gray-light);
	--g-btn-tag--color-border-hover: var(--g-high-contrast-color-action-secondary-hover);
	--g-btn-tag--color-border-pressed: var(--g-high-contrast-color-action-secondary-pressed);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-tag-wrap {
		--g-btn-tag--color-text: var(--g-high-contrast-color-text-basic);
		--g-btn-tag--color-action: var(--g-high-contrast-color-action-white);
		--g-btn-tag--color-action-hover: var(--g-high-contrast-color-action-secondary-hover);
		--g-btn-tag--color-action-pressed: var(--g-high-contrast-color-action-secondary-pressed);
		--g-btn-tag--color-border: var(--g-high-contrast-color-border-gray-light);
		--g-btn-tag--color-border-hover: var(--g-high-contrast-color-action-secondary-hover);
		--g-btn-tag--color-border-pressed: var(--g-high-contrast-color-action-secondary-pressed);
	}
}

/* 배지 */
.g-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	--g-badge--size-height: var(--g-size-height-4);
	--g-badge--line-height: 2.4rem;
	--g-badge--padding: var(--g-padding-3);
	--g-badge--radius: var(--g-radius-small1);
	--g-badge--radius-max: var(--g-radius-max);
	--g-badge--dot-size: .6rem;
	--g-badge--dot-padding: 0;
	--g-badge--number-size-height: var(--g-size-height-3);
	--g-badge--pc-font-size: var(--g-pc-font-size-label-small);
	--g-badge--mobile-font-size: var(--g-mobile-font-size-label-small);
	--g-badge--pc-font-size-large: var(--g-pc-font-size-label-medium);
	--g-badge--mobile-font-size-large: var(--g-mobile-font-size-label-medium);
	--g-badge--size-height-large: var(--g-size-height-5);
	--g-badge--color-primary-element: var(--g-light-color-element-primary);
	--g-badge--color-primary-element-lighter: var(--g-light-color-element-primary-lighter);
	--g-badge--color-primary-text: var(--g-light-color-text-primary);
	--g-badge--color-secondary-element: var(--g-light-color-element-secondary);
	--g-badge--color-secondary-element-lighter: var(--g-light-color-element-secondary-lighter);
	--g-badge--color-secondary-text: var(--g-light-color-text-secondary);
	--g-badge--color-gray-element: var(--g-light-color-element-gray);
	--g-badge--color-gray-element-lighter: var(--g-light-color-element-gray-light);
	--g-badge--color-gray-text: var(--g-light-color-text-subtle);
	--g-badge--color-point-element: var(--g-light-color-element-point);
	--g-badge--color-point-element-lighter: var(--g-light-color-element-point-lighter);
	--g-badge--color-point-text: var(--g-light-color-text-point);
	--g-badge--color-point2-element: var(--g-light-color-element-point2);
	--g-badge--color-point2-element-lighter: var(--g-light-color-element-point2-lighter);
	--g-badge--color-point2-text: var(--g-light-color-text-point2);
	--g-badge--color-danger-element: var(--g-light-color-element-danger);
	--g-badge--color-danger-element-lighter: var(--g-light-color-element-danger-lighter);
	--g-badge--color-danger-text: var(--g-light-color-text-danger);
	--g-badge--color-warning-element: var(--g-light-color-element-warning);
	--g-badge--color-warning-element-lighter: var(--g-light-color-element-warning-lighter);
	--g-badge--color-warning-text: var(--g-light-color-text-warning);
	--g-badge--color-success-element: var(--g-light-color-element-success);
	--g-badge--color-success-element-lighter: var(--g-light-color-element-success-lighter);
	--g-badge--color-success-text: var(--g-light-color-text-success);
	--g-badge--color-information-element: var(--g-light-color-element-information);
	--g-badge--color-information-element-lighter: var(--g-light-color-element-information-lighter);
	--g-badge--color-information-text: var(--g-light-color-text-information);
	--g-badge--color-disabled-element: var(--g-light-color-element-disabled-dark);
	--g-badge--color-disabled-element-lighter: var(--g-light-color-element-disabled-light);
	--g-badge--color-disabled-text: var(--g-light-color-text-disabled-on);
	--g-badge--color-background-basic: var(--g-light-color-background-white);
	--g-badge--color-text-basic: var(--g-light-color-text-inverse-static);
}
.g-badge.outline-primary {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-primary-element);
	color: var(--g-badge--color-primary-text);
}
.g-badge.bg-primary {
	background-color: var(--g-badge--color-primary-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-primary {
	background-color: var(--g-badge--color-primary-element-lighter);
	color: var(--g-badge--color-primary-text);
}
.g-badge.outline-secondary {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-secondary-element);
	color: var(--g-badge--color-secondary-text);
}
.g-badge.bg-secondary {
	background-color: var(--g-badge--color-secondary-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-secondary {
	background-color: var(--g-badge--color-secondary-element-lighter);
	color: var(--g-badge--color-secondary-text);
}
.g-badge.outline-gray {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-gray-element);
	color: var(--g-badge--color-gray-text);
}
.g-badge.bg-gray {
	background-color: var(--g-badge--color-gray-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-gray {
	background-color: var(--g-badge--color-gray-element-lighter);
	color: var(--g-badge--color-gray-text);
}
.g-badge.outline-point {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-point-element);
	color: var(--g-badge--color-point-text);
}
.g-badge.bg-point {
	background-color: var(--g-badge--color-point-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-point {
	background-color: var(--g-badge--color-point-element-lighter);
	color: var(--g-badge--color-point-text);
}
.g-badge.bg-point2 {
	background-color: var(--g-badge--color-point2-element);
	color: var(--g-light-color-text-basic);
}
.g-badge.bg-light-point2 {
	background-color: var(--g-badge--color-point2-element-lighter);
	color: var(--g-badge--color-point2-text);
}
.g-badge.outline-danger {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-danger-element);
	color: var(--g-badge--color-danger-text);
}
.g-badge.bg-danger {
	background-color: var(--g-badge--color-danger-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-danger {
	background-color: var(--g-badge--color-danger-element-lighter);
	color: var(--g-badge--color-danger-text);
}
.g-badge.outline-warning {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-warning-element);
	color: var(--g-badge--color-warning-text);
}
.g-badge.bg-warning {
	background-color: var(--g-badge--color-warning-element);
	color: var(--g-badge--color-warning-text);
}
.g-badge.bg-light-warning {
	background-color: var(--g-badge--color-warning-element-lighter);
	color: var(--g-badge--color-warning-text);
}
.g-badge.outline-success {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-success-element);
	color: var(--g-badge--color-success-text);
}
.g-badge.bg-success {
	background-color: var(--g-badge--color-success-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-success {
	background-color: var(--g-badge--color-success-element-lighter);
	color: var(--g-badge--color-success-text);
}
.g-badge.outline-information {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-information-element);
	color: var(--g-badge--color-information-text);
}
.g-badge.bg-information {
	background-color: var(--g-badge--color-information-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-information {
	background-color: var(--g-badge--color-information-element-lighter);
	color: var(--g-badge--color-information-text);
}
.g-badge.outline-disabled {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-disabled-element);
	color: var(--g-badge--color-disabled-text);
}
.g-badge.bg-disabled {
	background-color: var(--g-badge--color-disabled-element);
	color: var(--g-badge--color-text-basic);
}
.g-badge.bg-light-disabled {
	background-color: var(--g-badge--color-disabled-element-lighter);
	color: var(--g-badge--color-disabled-text);
}
.g-badge.outline-purple {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: #732b90;
	color: #732b90;
}
.g-badge.outline-transparent{border-color:transparent;}
.g-badge.bg-purple {
	background-color: #732b90;
	color: #732b90;
}
.g-badge.bg-light-purple {
	background-color: #d5bfdd;
}
.g-badge.outline-green {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: #208084;
	color: #208084;
}
.g-badge.bg-green {
	background-color: #208084;
	color: #208084;
}
.g-badge.outline-light-green {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: #77a900;
	color: #77a900;
}
.g-badge.bg-light-green {
	background-color: #bcd9da;
}
.g-badge.outline-orange {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: #f46044;
	color: #f46044;
}
.g-badge.bg-orange {
	background-color: #f46044;
	color: #f46044;
}
.g-badge {
	height: var(--g-badge--size-height);
	line-height: var(--g-badge--line-height);
	font-size: var(--g-badge--pc-font-size);
	font-weight: var(--g-font-weight-regular);
	padding: 0 var(--g-badge--padding);
	border-radius: var(--g-badge--radius-max);
}
@media screen and (max-width: 767px) {
	.g-badge {
		font-size: var(--g-badge--mobile-font-size);
	}
}
.g-badge.large {
	height: var(--g-badge--size-height-large);
	padding: 0 var(--g-padding-5);
	border-radius: var(--g-badge--radius-max);
	font-size: var(--g-badge--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-badge.large {
		font-size: var(--g-badge--mobile-font-size);
	}
}
.g-badge.number {
	height: var(--g-badge--number-size-height);
	border-radius: var(--g-badge--radius-max);
}
.g-badge.dot {
	width: var(--g-badge--dot-size);
	height: var(--g-badge--dot-size);
	padding: var(--g-badge--dot-padding);
	border-radius: var(--g-badge--radius-max);
}

.g-badge-wrap {
	--g-badge--wrap-gap: var(--g-gap-3);
	display: flex;
	flex-wrap:wrap;
	gap: var(--g-badge--wrap-gap);
}

[data-g-mode=high-contrast] .g-badge {
	--g-badge--color-primary-element: var(--g-high-contrast-color-element-primary);
	--g-badge--color-primary-element-lighter: var(--g-high-contrast-color-element-primary-lighter);
	--g-badge--color-primary-text: var(--g-high-contrast-color-text-primary);
	--g-badge--color-secondary-element: var(--g-high-contrast-color-element-secondary);
	--g-badge--color-secondary-element-lighter: var(--g-high-contrast-color-element-secondary-lighter);
	--g-badge--color-secondary-text: var(--g-high-contrast-color-text-secondary);
	--g-badge--color-gray-element: var(--g-high-contrast-color-element-gray);
	--g-badge--color-gray-element-lighter: var(--g-high-contrast-color-element-gray-light);
	--g-badge--color-gray-text: var(--g-high-contrast-color-text-subtle);
	--g-badge--color-point-element: var(--g-high-contrast-color-element-point);
	--g-badge--color-point-element-lighter: var(--g-high-contrast-color-element-point-lighter);
	--g-badge--color-point-text: var(--g-high-contrast-color-text-point);
	--g-badge--color-danger-element: var(--g-high-contrast-color-element-danger);
	--g-badge--color-danger-element-lighter: var(--g-high-contrast-color-element-danger-lighter);
	--g-badge--color-danger-text: var(--g-high-contrast-color-text-danger);
	--g-badge--color-warning-element: var(--g-high-contrast-color-element-warning);
	--g-badge--color-warning-element-lighter: var(--g-high-contrast-color-element-warning-lighter);
	--g-badge--color-warning-text: var(--g-high-contrast-color-text-warning);
	--g-badge--color-success-element: var(--g-high-contrast-color-element-success);
	--g-badge--color-success-element-lighter: var(--g-high-contrast-color-element-success-lighter);
	--g-badge--color-success-text: var(--g-high-contrast-color-text-success);
	--g-badge--color-information-element: var(--g-high-contrast-color-element-information);
	--g-badge--color-information-element-lighter: var(--g-high-contrast-color-element-information-lighter);
	--g-badge--color-information-text: var(--g-high-contrast-color-text-information);
	--g-badge--color-disabled-element: var(--g-high-contrast-color-element-disabled-dark);
	--g-badge--color-disabled-element-lighter: var(--g-high-contrast-color-element-disabled-light);
	--g-badge--color-disabled-text: var(--g-high-contrast-color-text-disabled-on);
	--g-badge--color-background-basic: var(--g-high-contrast-color-background-white);
	--g-badge--color-text-basic: var(--g-high-contrast-color-text-inverse-static);
}
[data-g-mode=high-contrast] .g-badge.outline-primary {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-primary-element);
	color: var(--g-badge--color-primary-text);
}
[data-g-mode=high-contrast] .g-badge.bg-primary {
	background-color: var(--g-badge--color-primary-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-primary {
	background-color: var(--g-badge--color-primary-element-lighter);
	color: var(--g-badge--color-primary-text);
}
[data-g-mode=high-contrast] .g-badge.outline-secondary {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-secondary-element);
	color: var(--g-badge--color-secondary-text);
}
[data-g-mode=high-contrast] .g-badge.bg-secondary {
	background-color: var(--g-badge--color-secondary-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-secondary {
	background-color: var(--g-badge--color-secondary-element-lighter);
	color: var(--g-badge--color-secondary-text);
}
[data-g-mode=high-contrast] .g-badge.outline-gray {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-gray-element);
	color: var(--g-badge--color-gray-text);
}
[data-g-mode=high-contrast] .g-badge.bg-gray {
	background-color: var(--g-badge--color-gray-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-gray {
	background-color: var(--g-badge--color-gray-element-lighter);
	color: var(--g-badge--color-gray-text);
}
[data-g-mode=high-contrast] .g-badge.outline-point {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-point-element);
	color: var(--g-badge--color-point-text);
}
[data-g-mode=high-contrast] .g-badge.bg-point {
	background-color: var(--g-badge--color-point-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-point {
	background-color: var(--g-badge--color-point-element-lighter);
	color: var(--g-badge--color-point-text);
}
[data-g-mode=high-contrast] .g-badge.outline-danger {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-danger-element);
	color: var(--g-badge--color-danger-text);
}
[data-g-mode=high-contrast] .g-badge.bg-danger {
	background-color: var(--g-badge--color-danger-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-danger {
	background-color: var(--g-badge--color-danger-element-lighter);
	color: var(--g-badge--color-danger-text);
}
[data-g-mode=high-contrast] .g-badge.outline-warning {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-warning-element);
	color: var(--g-badge--color-warning-text);
}
[data-g-mode=high-contrast] .g-badge.bg-warning {
	background-color: var(--g-badge--color-warning-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-warning {
	background-color: var(--g-badge--color-warning-element-lighter);
	color: var(--g-badge--color-warning-text);
}
[data-g-mode=high-contrast] .g-badge.outline-success {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-success-element);
	color: var(--g-badge--color-success-text);
}
[data-g-mode=high-contrast] .g-badge.bg-success {
	background-color: var(--g-badge--color-success-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-success {
	background-color: var(--g-badge--color-success-element-lighter);
	color: var(--g-badge--color-success-text);
}
[data-g-mode=high-contrast] .g-badge.outline-information {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-information-element);
	color: var(--g-badge--color-information-text);
}
[data-g-mode=high-contrast] .g-badge.bg-information {
	background-color: var(--g-badge--color-information-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-information {
	background-color: var(--g-badge--color-information-element-lighter);
	color: var(--g-badge--color-information-text);
}
[data-g-mode=high-contrast] .g-badge.outline-disabled {
	border-width: var(--g-light-border-width-variable-regular);
	border-style: solid;
	border-color: var(--g-badge--color-disabled-element);
	color: var(--g-badge--color-disabled-text);
}
[data-g-mode=high-contrast] .g-badge.bg-disabled {
	background-color: var(--g-badge--color-disabled-element);
	color: var(--g-badge--color-text-basic);
}
[data-g-mode=high-contrast] .g-badge.bg-light-disabled {
	background-color: var(--g-badge--color-disabled-element-lighter);
	color: var(--g-badge--color-disabled-text);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-badge {
		--g-badge--color-primary-element: var(--g-high-contrast-color-element-primary);
		--g-badge--color-primary-element-lighter: var(--g-high-contrast-color-element-primary-lighter);
		--g-badge--color-primary-text: var(--g-high-contrast-color-text-primary);
		--g-badge--color-secondary-element: var(--g-high-contrast-color-element-secondary);
		--g-badge--color-secondary-element-lighter: var(--g-high-contrast-color-element-secondary-lighter);
		--g-badge--color-secondary-text: var(--g-high-contrast-color-text-secondary);
		--g-badge--color-gray-element: var(--g-high-contrast-color-element-gray);
		--g-badge--color-gray-element-lighter: var(--g-high-contrast-color-element-gray-light);
		--g-badge--color-gray-text: var(--g-high-contrast-color-text-subtle);
		--g-badge--color-point-element: var(--g-high-contrast-color-element-point);
		--g-badge--color-point-element-lighter: var(--g-high-contrast-color-element-point-lighter);
		--g-badge--color-point-text: var(--g-high-contrast-color-text-point);
		--g-badge--color-danger-element: var(--g-high-contrast-color-element-danger);
		--g-badge--color-danger-element-lighter: var(--g-high-contrast-color-element-danger-lighter);
		--g-badge--color-danger-text: var(--g-high-contrast-color-text-danger);
		--g-badge--color-warning-element: var(--g-high-contrast-color-element-warning);
		--g-badge--color-warning-element-lighter: var(--g-high-contrast-color-element-warning-lighter);
		--g-badge--color-warning-text: var(--g-high-contrast-color-text-warning);
		--g-badge--color-success-element: var(--g-high-contrast-color-element-success);
		--g-badge--color-success-element-lighter: var(--g-high-contrast-color-element-success-lighter);
		--g-badge--color-success-text: var(--g-high-contrast-color-text-success);
		--g-badge--color-information-element: var(--g-high-contrast-color-element-information);
		--g-badge--color-information-element-lighter: var(--g-high-contrast-color-element-information-lighter);
		--g-badge--color-information-text: var(--g-high-contrast-color-text-information);
		--g-badge--color-disabled-element: var(--g-high-contrast-color-element-disabled-dark);
		--g-badge--color-disabled-element-lighter: var(--g-high-contrast-color-element-disabled-light);
		--g-badge--color-disabled-text: var(--g-high-contrast-color-text-disabled-on);
		--g-badge--color-background-basic: var(--g-high-contrast-color-background-white);
		--g-badge--color-text-basic: var(--g-high-contrast-color-text-inverse-static);
	}
	[data-g-mode=theme] .g-badge.outline-primary {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-primary-element);
		color: var(--g-badge--color-primary-text);
	}
	[data-g-mode=theme] .g-badge.bg-primary {
		background-color: var(--g-badge--color-primary-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-primary {
		background-color: var(--g-badge--color-primary-element-lighter);
		color: var(--g-badge--color-primary-text);
	}
	[data-g-mode=theme] .g-badge.outline-secondary {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-secondary-element);
		color: var(--g-badge--color-secondary-text);
	}
	[data-g-mode=theme] .g-badge.bg-secondary {
		background-color: var(--g-badge--color-secondary-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-secondary {
		background-color: var(--g-badge--color-secondary-element-lighter);
		color: var(--g-badge--color-secondary-text);
	}
	[data-g-mode=theme] .g-badge.outline-gray {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-gray-element);
		color: var(--g-badge--color-gray-text);
	}
	[data-g-mode=theme] .g-badge.bg-gray {
		background-color: var(--g-badge--color-gray-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-gray {
		background-color: var(--g-badge--color-gray-element-lighter);
		color: var(--g-badge--color-gray-text);
	}
	[data-g-mode=theme] .g-badge.outline-point {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-point-element);
		color: var(--g-badge--color-point-text);
	}
	[data-g-mode=theme] .g-badge.bg-point {
		background-color: var(--g-badge--color-point-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-point {
		background-color: var(--g-badge--color-point-element-lighter);
		color: var(--g-badge--color-point-text);
	}
	[data-g-mode=theme] .g-badge.outline-danger {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-danger-element);
		color: var(--g-badge--color-danger-text);
	}
	[data-g-mode=theme] .g-badge.bg-danger {
		background-color: var(--g-badge--color-danger-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-danger {
		background-color: var(--g-badge--color-danger-element-lighter);
		color: var(--g-badge--color-danger-text);
	}
	[data-g-mode=theme] .g-badge.outline-warning {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-warning-element);
		color: var(--g-badge--color-warning-text);
	}
	[data-g-mode=theme] .g-badge.bg-warning {
		background-color: var(--g-badge--color-warning-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-warning {
		background-color: var(--g-badge--color-warning-element-lighter);
		color: var(--g-badge--color-warning-text);
	}
	[data-g-mode=theme] .g-badge.outline-success {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-success-element);
		color: var(--g-badge--color-success-text);
	}
	[data-g-mode=theme] .g-badge.bg-success {
		background-color: var(--g-badge--color-success-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-success {
		background-color: var(--g-badge--color-success-element-lighter);
		color: var(--g-badge--color-success-text);
	}
	[data-g-mode=theme] .g-badge.outline-information {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-information-element);
		color: var(--g-badge--color-information-text);
	}
	[data-g-mode=theme] .g-badge.bg-information {
		background-color: var(--g-badge--color-information-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-information {
		background-color: var(--g-badge--color-information-element-lighter);
		color: var(--g-badge--color-information-text);
	}
	[data-g-mode=theme] .g-badge.outline-disabled {
		border-width: var(--g-light-border-width-variable-regular);
		border-style: solid;
		border-color: var(--g-badge--color-disabled-element);
		color: var(--g-badge--color-disabled-text);
	}
	[data-g-mode=theme] .g-badge.bg-disabled {
		background-color: var(--g-badge--color-disabled-element);
		color: var(--g-badge--color-text-basic);
	}
	[data-g-mode=theme] .g-badge.bg-light-disabled {
		background-color: var(--g-badge--color-disabled-element-lighter);
		color: var(--g-badge--color-disabled-text);
	}
}


/* img 사이즈(반응형) */
img{max-width:100%;}

/* 모바일 이미지 확대/축소 안내 */
.fig_zoom{display:block; padding:10px 0 0; font-size:0; text-align:center;}
.fig_zoom span{display:inline-block; position:relative; padding:6px 10px 6px 35px; border:1px solid #e8e8e8; border-radius:30px; font-size:1.4rem; background:#fff url(../images/base/ico_zoom.png) no-repeat 8px 50%/23px 21px;}
@media screen and (min-width:640px){
	.fig_zoom{display:none;}
}
/**************************************************
	검색 : 공통
**************************************************/
/* 공통 - 검색 폼 */
.search-top-box {
	--search-box-filter-color-background: var(--g-light-color-surface-secondary-subtler);
	--search-box-filter-chip-width-border: var(--g-light-border-width-variable-regular);
	--search-box-filter-chip-color-border: var(--g-light-color-divider-secondary-light);
	min-width: auto;
	margin-bottom:var(--g-pc-gap-layout-h2-h3);
	/* 필터칩 박스 */
}
.search-top-box.border{display:flex; flex-direction:column; align-items:center; padding:var(--g-padding-10); border:.1rem solid var(--g-light-color-border-gray-light);}
@media screen and (max-width:767px){
	.search-top-box{margin-bottom:var(--g-mobile-gap-layout-h2-h3);}
	.search-top-box.border{display:block; padding:0; border:0;}
}
.search-top-box .sch-form-wrap .input-group{flex-wrap:wrap; align-items:center; width:auto;}
.search-top-box .sch-form-wrap .calendar-input{width:auto;}
.calendar-input:after{content:''; position: absolute; top: 50%; right: var(--g-padding-7); transform: translateY(-50%); width:var(--g-icon--size-large); height:var(--g-icon--size-large); mask:url(../images/common/icon/ico_calendar.svg) no-repeat 50% 50%/contain; background-color:var(--g-light-color-text-basic);}
.calendar-input .g-input{font-size:var(--g-pc-font-size-body-small);}
.calendar-input .g-input:placeholder-shown{font-size:var(--g-pc-font-size-body-small);}
.search-top-box .sch-form-wrap .g-input{width:18rem;}
.search-top-box .sch-form-wrap .sch-input .g-input {
	width: 48.5rem;
}
.search-top-box .sch-form-wrap.flex-inline {
	display: inline-flex;
	max-width:100%;
}
.search-top-box .sch-form-wrap.flex-inline .g-form-select {
	/*width: 18rem;*/
}
.search-top-box .sch-form-wrap.flex-inline .input-group {
	gap: var(--g-gap-5);
	min-width:0;
}
.search-top-box .sch-form-wrap.flex-inline .g-btn.medium {
	flex-shrink: 0;
}
.search-top-box .sch-form-wrap label{font-weight:var(--g-font-weight-bold);}
.search-top-box .sch-form-down{display:flex; justify-content:space-between; align-items:center; flex:1; gap:var(--g-gap-5); width:100%; margin-top:var(--g-gap-5);}
.search-top-box .sch-form-down .sch-left{flex:1; text-align:center;}
@media screen and (max-width:767px){
	.search-top-box .sch-form-down{flex-direction:column; align-items:flex-start;}
	.search-top-box .sch-form-down .sch-down{margin-left:auto;}
}
.sch-form-wrap:has(.btn-filter.open) + .sch-filter-box{display:block;}
.sch-form-wrap:has(.btn-filter) .sch-filter-box{display:none;}
.search-top-box .sch-filter-box {
	padding: var(--g-padding-10);
	border-radius: var(--g-radius-xlarge1);
	background: var(--search-box-filter-color-background);
	margin-top: var(--g-pc-gap-layout-h2-h3);
}
.search-top-box .sch-filter-box .filter-form {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-7);
	max-width: 100%;
	flex-wrap: wrap;
}
.search-top-box .sch-filter-box .filter-form > div {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-4);
	width: 100%;
	max-width: 26.5rem;
}
.search-top-box .sch-filter-box .filter-form .filter-form-word {
	max-width: fit-content;
}
.search-top-box .sch-filter-box .filter-form .filter-form-word .g-input {
	width: 37rem;
}
.search-top-box .sch-filter-box .filter-form .label {
	font-weight: var(--g-font-weight-bold);
	white-space: nowrap;
	min-width: 6.3rem;
}
.search-top-box .sch-filter-box .filter-form .g-form-select {
	width: 100%;
}
.search-top-box .filter-chip {
	padding: var(--g-padding-8) 0 0;
	margin: var(--g-gap-7) 0 0;
	border-top: var(--search-box-filter-chip-width-border) solid var(--search-box-filter-chip-color-border);
	border-radius: 0;
}

/* 공통 - 결과 리스트 상단 */
.search-list-top {
	--search-list-color-text-primary: var(--g-light-color-text-primary);
	--search-list-width-border: var(--g-light-border-width-variable-regular);
	--search-list-color-border: var(--g-light-color-divider-gray);
	--search-list-sort-btn-color-button-hover: var(--g-light-color-button-text-fill-hover);
	--search-list-sort-btn-color-button-active: var(--g-light-color-button-text-fill-pressed);
	--search-list-sort-btn-color: var(--g-light-color-text-basic);
	--search-list-sort-btn-color-background: var(--g-light-color-button-text-fill);
	--search-list-sort-btn-border: var(--g-light-border-width-static-regular) solid var(--g-light-color-button-text-border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	gap: var(--g-gap-9);
	margin: var(--g-pc-gap-layout-h2-h3) 0 var(--g-gap-7);
}
.search-list-top .sch-right{margin-left:auto;}
.search-list-top .sch-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-7);
}
.search-list-top .sch-left .g-check-area {
	font-size: 0;
}
.search-list-top .sch-left .btn-txt.sm {
	height: 2.4rem;
}
.search-list-top .sch-info {
	display: inline;
	font-size: var(--g-pc-font-size-body-large);
	font-weight: var(--g-font-weight-bold);
}
.search-list-top .sch-info .point {
	word-break: break-all;
	color: var(--search-list-color-text-primary);
}
.search-list-top .sch-info .br {
	display: none;
}
.search-list-top .sch-sort {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
}
.search-list-top .sch-sort .sort-label {
	font-weight: var(--g-font-weight-bold);
	white-space: nowrap;
	margin-right: var(--g-gap-4);
}
.search-list-top .sch-sort .g-form-select-sort {
	border: var(--search-list-sort-btn-border);
	border-radius: var(--g-radius-medium2);
	background-color: var(--search-list-sort-btn-color-background);
}
.search-list-top .sch-sort .w-sort-btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-3);
}
.search-list-top .sch-sort .w-sort-btn button {
	transition: var(--g-transition-base);
	color: var(--search-list-sort-btn-color);
	border: var(--search-list-sort-btn-border);
	border-radius: var(--g-radius-medium2);
	background-color: var(--search-list-sort-btn-color-background);
}
.search-list-top .sch-sort .w-sort-btn button.active {
	text-decoration: underline;
	text-underline-offset: var(--g-font-underline-offset);
}
.search-list-top .sch-sort .w-sort-btn button:hover {
	border-radius: var(--g-radius-medium1);
	background-color: var(--search-list-sort-btn-color-button-hover);
	transition: 0.4s ease-in-out;
}
.search-list-top .sch-sort .w-sort-btn button:active {
	background-color: var(--search-list-sort-btn-color-button-active);
	transition: 0.4s ease-in-out;
}
.search-list-top .sch-sort .m-sort-btn {
	display: none;
}
.search-list-top .sch-info li,
.search-list-top .sch-sort li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
}
.search-list-top .sch-info li:not(:last-child),
.search-list-top .sch-sort li:not(:last-child) {
	padding-right: 1.7rem;
}
.search-list-top .sch-info li:not(:last-child)::after,
.search-list-top .sch-sort li:not(:last-child)::after {
	content: "";
	display: inline-flex;
	width: var(--search-list-width-border);
	height: var(--g-size-height-2);
	background-color: var(--search-list-color-border);
	position: absolute;
	bottom: 0.6rem;
	right: 0.8rem;
}
.search-list-top .sch-sort {
	flex-shrink: 0;
}
.search-list-top .sch-info li {
	display: inline;
}
.search-list-top .sch-info li .search-result {
	display: inline-block;
	width: max-content;
}
.search-list-top .side-line-ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--g-gap-5) var(--g-gap-3);
}
.search-list-top .side-line-ul li {
	display: inline-flex;
	align-items: center;
}
.search-list-top .side-line-ul li:not(:last-child)::after {
	display: inline-flex;
	content: "";
	width: var(--search-list-width-border);
	height: var(--g-size-height-2);
	margin-left: var(--g-padding-3);
	background-color: var(--search-list-color-border);
}
.search-list-top.border {
	flex-wrap: wrap;
	padding-bottom: var(--g-padding-8);
	margin: 0 0 var(--g-padding-10);
	border-bottom: var(--search-list-width-border) solid var(--search-list-color-border);
}
/* 필터칩 박스 */
.filter-chip {
	--filter-chip-color-background: var(--g-light-color-surface-secondary-subtler);
	--filter-chip-num-color-text: var(--g-light-color-text-primary);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: var(--g-gap-5);
	padding: var(--g-padding-7) var(--g-padding-8);
	margin-bottom: var(--g-gap-9);
	background: var(--filter-chip-color-background);
	border-radius: var(--g-radius-xlarge2);
}
.filter-chip dt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	font-weight: var(--g-font-weight-bold);
	white-space: nowrap;
	height: var(--g-size-height-5);
}
.filter-chip dt .num {
	margin-left: var(--g-gap-2);
	color: var(--filter-chip-num-color-text);
}
.filter-chip dd {
	display: flex;
	gap: var(--g-gap-3);
	flex: 1;
}
.filter-chip dd .g-btn.icon.xlarge {
	flex-shrink: 0;
}
.filter-chip dd .g-btn.icon.xlarge .ico-refresh {
	width: var(--g-size-height-2);
	height: var(--g-size-height-2);
}
.filter-chip .chip-wrap {
	justify-content: flex-start;
}

@media screen and (max-width: 767px) {
	/* 공통 - 검색 폼 */
	.search-top-box .sch-form-wrap .sch-input,
	.search-top-box .sch-form-wrap .g-input {
		width: 100% !important;
	}
	.search-top-box .sch-form-wrap.flex-inline {
		display: flex;
	}
	.search-top-box .sch-form-wrap.flex-inline .form-group,
	.search-top-box .sch-form-wrap.flex-inline .g-form-select {
		width: 100%;
	}
	.search-top-box .sch-form-wrap.flex-inline .input-group {
		flex-direction: column;
		align-items:flex-start;
		width:100%;
	}
	.search-top-box .sch-form-wrap.flex-inline > .g-btn,
	.search-top-box .sch-form-wrap.flex-inline .input-group > .g-btn{width:100%;}
	.search-top-box .sch-filter-box {
		/*display: none;*/
		padding:var(--g-padding-8);
	}
	.search-top-box .sch-filter-box .filter-form > div{flex-direction:column; align-items:flex-start; max-width:none;}
	.search-top-box .sch-filter-box .filter-form .filter-form-word .g-input{width:100%;}
	/* 공통 - 결과 리스트 상단 */
	.search-list-top {
		flex-direction: column;
		align-items:flex-start;
		gap: var(--g-gap-7);
		margin-top: var(--g-mobile-gap-layout-h2-h3);
	}
	.search-list-top .sch-info,
	.search-list-top .sch-left {
		order: 2;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--g-gap-4);
		font-size: var(--g-mobile-font-size-body-large);
	}
	.search-list-top .sch-info {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0;
	}
	.search-list-top .sch-sort {
		order: 1;
		margin-left: auto;
	}
	.search-list-top .sch-sort .w-hide {
		display: flex !important;
	}
	.search-list-top .sch-sort .w-sort-btn {
		display: none;
	}
	.search-list-top .sch-sort .m-sort-btn {
		display: flex;
		align-items: center;
	}
	.search-list-top .sch-sort .g-btn.ico-filter {
		position: relative;
		font-size: var(--g-pc-font-size-heading-xxsmall);
		height: 2.5rem;
		padding: var(--g-padding-1);
	}
	.search-list-top .sch-sort .g-btn.ico-filter .span {
		position: relative;
		z-index: 2;
		font-weight: var(--g-font-weight-bold);
	}
	.search-list-top .sch-sort .g-btn.ico-filter .g-badge.number {
		position: absolute;
		top: calc(-1 * var(--g-number-6));
		right: var(--g-number-5);
		z-index: 1;
	}
	.search-list-top .side-line-ul {
		gap: var(--g-gap-3);
		margin-top: var(--g-gap-4);
	}
	.search-list-top.border {
		margin-bottom: 0;
	}
	/* 필터칩 박스 */
	.filter-chip {
		/*display: none;*/
	}
}
[data-g-mode=high-contrast] .search-top-box {
	--search-box-filter-color-background: var(--g-high-contrast-color-surface-secondary-subtler);
	--search-box-filter-chip-width-border: var(--g-high-contrast-border-width-variable-regular);
	--search-box-filter-chip-color-border: var(--g-high-contrast-color-divider-secondary-light);
}
[data-g-mode=high-contrast] .search-list-top {
	--search-list-color-text-primary: var(--g-high-contrast-color-text-primary);
	--search-list-width-border: var(--g-high-contrast-border-width-variable-regular);
	--search-list-color-border: var(--g-high-contrast-color-divider-gray);
	--search-list-sort-btn-color-button-hover: var(--g-high-contrast-color-button-text-fill-hover);
	--search-list-sort-btn-color-button-active: var(--g-high-contrast-color-button-text-fill-pressed);
	--search-list-sort-btn-color: var(--g-high-contrast-color-text-basic);
	--search-list-sort-btn-color-background: var(--g-high-contrast-color-button-text-fill);
	--search-list-sort-btn-border: var(--g-high-contrast-border-width-variable-regular) solid var(--g-high-contrast-color-button-text-border);
}
[data-g-mode=high-contrast] .filter-chip {
	--filter-chip-color-background: var(--g-high-contrast-color-surface-secondary-subtler);
	--filter-chip-num-color-text: var(--g-high-contrast-color-text-primary);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .search-top-box {
		--search-box-filter-color-background: var(--g-high-contrast-color-surface-secondary-subtler);
		--search-box-filter-chip-width-border: var(--g-high-contrast-border-width-variable-regular);
		--search-box-filter-chip-color-border: var(--g-high-contrast-color-divider-secondary-light);
	}
	[data-g-mode=theme] .search-list-top {
		--search-list-color-text-primary: var(--g-high-contrast-color-text-primary);
		--search-list-width-border: var(--g-high-contrast-border-width-variable-regular);
		--search-list-color-border: var(--g-high-contrast-color-divider-gray);
		--search-list-sort-btn-color-button-hover: var(--g-high-contrast-color-button-text-fill-hover);
		--search-list-sort-btn-color-button-active: var(--g-high-contrast-color-button-text-fill-pressed);
		--search-list-sort-btn-color: var(--g-high-contrast-color-text-basic);
		--search-list-sort-btn-color-background: var(--g-high-contrast-color-button-text-fill);
		--search-list-sort-btn-border: var(--g-high-contrast-border-width-variable-regular) solid var(--g-high-contrast-color-button-text-border);
	}
	[data-g-mode=theme] .filter-chip {
		--filter-chip-color-background: var(--g-high-contrast-color-surface-secondary-subtler);
		--filter-chip-num-color-text: var(--g-high-contrast-color-text-primary);
	}
}

/* datepicker */
input:is(.datepicker,.datetimepicker){width:17rem; padding-right:4rem; background:var(--g-color-light-gray-0) url(../images/common/icon/ico_calendar.svg) no-repeat right 15px center/24px 24px !important;}
input:is(.datepicker,.datetimepicker)::placeholder{letter-spacing:-1px;}
/*input::placeholder{font-size:inherit; color:var(--g-color-light-gray-60);}*/
/*table input.datepicker,
table input.datetimepicker{max-width:14rem;}*/
/* datepicker layer button bg */
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {background-image:url(../images/board/sp_datepicker.png);}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{text-decoration:underline;}

/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* point color */
.cont_body .point{color:var(--g-color-light-point-50);}
/* 공통 */
:is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5){position:relative; font-weight:var(--g-typo-font-weight-bold);}
:is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5):before,
:is(.conLst,.conLst2,.conLst3) li:before{content:''; display:inline-block; position:absolute; top:0; left:0; background:url(../images/base/sp_icss.png) no-repeat 0 0/200px 200px;}
:is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5).widthInlineBox{display:flex; align-items:baseline; gap:var(--g-gap-4);}
:is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5).widthInlineBox .txt{font-weight:var(--g-font-weight-regular); font-size:var(--g-pc-font-size-heading-xsmall);}
/* 타이틀 */
.conTit2{margin-bottom:var(--g-pc-gap-layout-title-body-large); font-size:var(--g-pc-font-size-heading-large);}
.conTit3{margin-top:var(--g-pc-gap-layout-h2-h3); margin-bottom:var(--g-pc-gap-layout-title-body-medium); font-size:var(--g-pc-font-size-heading-medium);}
.conTit4{margin-top:var(--g-pc-gap-layout-h3-h4); margin-bottom:var(--g-pc-gap-layout-title-body-medium); font-size:var(--g-pc-font-size-heading-small);}
.conTit5{margin-top:var(--g-pc-gap-layout-h4-h5); margin-bottom:var(--g-pc-gap-layout-title-body-small); font-size:var(--g-pc-font-size-heading-xsmall);}
.conTit2:not(:first-child){margin-top:var(--g-pc-gap-layout-h1-h2);}
:is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5,.conTit6):first-child,
input[type=hidden] + :is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5,.conTit6){margin-top:0;}
.conTit2:before{display:none;}
.conTit3:before{display:none;}
.conTit4:before{display:none;}
.conTit5:before{display:none;}
.conGroup :is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5){margin:0;}
.conGroup{display:flex; align-items:baseline; gap:var(--g-gap-4);}
.conGroup .conBox{min-width:0;}
/* 컨텐츠 들여쓰기 */
.conBox{width:100%; margin-bottom:var(--g-pc-gap-layout-h2-h2);}
.conTit2 + .conBox, .conGroup:has(.conTit2){margin-bottom:var(--g-pc-gap-layout-h2-h2);}
.conTit3 + .conBox, .conGroup:has(.conTit3){margin-bottom:var(--g-pc-gap-layout-h3-h3);}
.conTit4 + .conBox, .conGroup:has(.conTit4){margin-bottom:var(--g-pc-gap-layout-h4-h4);}
.conTit5 + .conBox, .conGroup:has(.conTit5){margin-bottom:var(--g-pc-gap-layout-h5-h5);}
.conBox:last-child,
:is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5,.conTit6) + .conBox:last-child{margin-bottom:0;}
/* 텍스트 목록 */
.g-info-list {
	--g-info-list--depth1-list-margin-top: 0;
	--g-info-list--depth2-list-margin-top: var(--g-gap-5);
	--g-info-list--depth3-list-margin-top: var(--g-gap-4);
	--g-info-list--depth1-padding-left: var(--g-number-10);
	--g-info-list--depth2-padding-left: var(--g-number-8);
	--g-info-list--depth3-padding-left: var(--g-number-9);
	--g-info-list--gap-layout-depth1-li-li: var(--g-gap-4);
	--g-info-list--gap-layout-depth2-li-li: var(--g-gap-3);
	--g-info-list--gap-layout-depth3-li-li: var(--g-gap-3);
	--g-info-list--pc-text-depth1: var(--g-pc-font-size-body-medium);
	--g-info-list--mobile-text-depth1: var(--g-mobile-font-size-body-medium);
	--g-info-list--pc-text-depth2: var(--g-pc-font-size-body-medium);
	--g-info-list--mobile-text-depth2: var(--g-mobile-font-size-body-medium);
	--g-info-list--pc-text-depth3: var(--g-pc-font-size-body-small);
	--g-info-list--mobile-text-depth3: var(--g-mobile-font-size-body-small);
	--g-info-list--info-txt-margin-top: var(--g-number-7);
	--g-info-list--depth1-color-text: var(--g-light-color-text-subtle);
	--g-info-list--depth2-color-text: var(--g-light-color-text-subtle);
	--g-info-list--depth3-color-text: var(--g-light-color-text-subtle);
	display: flex;
	flex-direction: column;
	margin-top: var(--g-info-list--depth1-list-margin-top);
	gap: var(--g-info-list--gap-layout-depth1-li-li);
}
.g-info-list:last-child{margin-bottom:0;}
.g-info-list > li {
	position: relative;
	padding-left: var(--g-info-list--depth1-padding-left);
	color: var(--g-info-list--depth1-color-text);
	font-size: var(--g-info-list--pc-text-depth1);
}
@media screen and (max-width: 767px) {
	.g-info-list > li {
		font-size: var(--g-info-list--mobile-text-depth1);
	}
}
.g-info-list > li::before {
	position: absolute;
	top: 0;
	left: 0;
}
.g-info-list > li > .g-info-list {
	gap: var(--g-info-list--gap-layout-depth2-li-li);
	margin-top: var(--g-info-list--depth2-list-margin-top);
}
.g-info-list > li .g-info-list > li {
	padding-left: var(--g-info-list--depth2-padding-left);
	color: var(--g-info-list--depth2-color-text);
	font-size: var(--g-info-list--pc-text-depth2);
}
@media screen and (max-width: 767px) {
	.g-info-list > li .g-info-list > li {
		font-size: var(--g-info-list--mobile-text-depth2);
	}
}
.g-info-list > li > .g-info-list > li > .g-info-list {
	margin-top: var(--g-info-list--depth3-list-margin-top);
}
.g-info-list > li .g-info-list > li .g-info-list > li {
	padding-left: var(--g-info-list--depth3-padding-left);
	color: var(--g-info-list--depth3-color-text);
	font-size: var(--g-info-list--pc-text-depth3);
}
@media screen and (max-width: 767px) {
	.g-info-list > li .g-info-list > li .g-info-list > li {
		font-size: var(--g-info-list--mobile-text-depth3);
	}
}
.g-info-list > li > .info-txt {
	margin-top: var(--g-info-list--info-txt-margin-top);
}
.g-info-list.decimal > li::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	content: "";
	background-color: var(--g-info-list--depth1-color-text);
	border-radius: var(--g-radius-max);
	top: 0.9rem;
	left: 0.8rem;
}
.g-info-list.dash > li::before {
	content: "-";
}
.g-info-list.hollow {
	gap: var(--g-info-list--gap-layout-depth2-li-li);
}
.g-info-list.hollow > li {
	padding-left: var(--g-info-list--depth3-padding-left);
}
.g-info-list.hollow > li::before {
	content: "";
	width: 0.4rem;
	height: 0.4rem;
	content: "";
	border: 0.1rem solid var(--g-info-list--depth1-color-text);
	border-radius: var(--g-radius-max);
	top: 0.95rem;
	left: 0.8rem;
}
.g-info-list.ordered > li .num {
	position: absolute;
	top: 0;
	left: 0;
}
.g-info-list.ordered > li::before {
	display: none;
}

[data-g-mode=high-contrast] .g-info-list {
	--g-info-list--depth1-color-text: var(--g-high-contrast-color-text-subtle);
	--g-info-list--depth2-color-text: var(--g-high-contrast-color-text-subtle);
	--g-info-list--depth3-color-text: var(--g-high-contrast-color-text-subtle);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-info-list {
		--g-info-list--depth1-color-text: var(--g-high-contrast-color-text-subtle);
		--g-info-list--depth2-color-text: var(--g-high-contrast-color-text-subtle);
		--g-info-list--depth3-color-text: var(--g-high-contrast-color-text-subtle);
	}
}
/**************************************************
	컨텐츠 간격
**************************************************/
.g-desc-area {
	display: flex;
	align-items:flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-pc-gap-layout-text-text-medium);
}
.g-desc-area .g-desc-body {
	width: 100%;
	margin: var(--g-gap-3) 0;
}
.g-desc-area .g-desc-body + .g-desc-body {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.g-desc-area {
		gap: var(--g-mobile-gap-layout-text-text-medium);
	}
	.g-desc-area .g-desc-body {
		margin: var(--g-gap-3) 0;
	}
}
/**************************************************
	설명 박스
**************************************************/
.g-desc-text{margin-bottom:var(--g-pc-gap-layout-title-body-small);}
.g-desc-box {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
.g-desc-box .con-tit {
	font-size: var(--g-pc-font-size-heading-small);
	/*margin-bottom: var(--g-pc-gap-layout-title-body-large);*/
}
@media screen and (max-width: 767px) {
	.g-desc-box .con-tit {
		font-size: var(--g-mobile-font-size-heading-small);
		/*margin-bottom: var(--g-mobile-gap-layout-title-body-large);*/
	}
}
.g-desc-box + .g-desc-box {
	margin-top: var(--g-pc-gap-layout-h4-h4);
}
@media screen and (max-width: 767px) {
	.g-desc-box + .g-desc-box {
		margin-top: var(--g-mobile-gap-layout-h4-h4);
	}
}
.g-desc-box {
	gap: var(--g-pc-gap-layout-title-body-small);
}
@media screen and (max-width: 767px) {
	.g-desc-box {
		gap: var(--g-mobile-gap-layout-title-body-small);
	}
	.g-desc-text{margin-bottom:var(--g-mobile-gap-layout-title-body-small);}
}
.g-desc-box .g-desc + .g-desc {
	margin-top: 0;
}

/**************************************************
	공지 박스
**************************************************/
.g-alert {
	--g-alert-padding: var(--g-padding-6);
	--g-alert-border-color: var(--g-light-color-border-information-light);
	--g-alert-border-width: var(--g-light-border-width-static-regular);
	--g-alert-bg-color: var(--g-light-color-surface-information-subtler);
	--g-alert-icon-size: var(--g-size-height-4);
	--g-alert-title-color: var(--g-light-color-text-information);
	position: relative;
	padding: var(--g-alert-padding);
	border: var(--g-alert-border-width) solid var(--g-alert-border-color);
	border-radius: var(--g-radius-xlarge2);
	background-color: var(--g-alert-bg-color);
}
.g-alert::before {
	content: "";
	position: absolute;
	top: var(--g-alert-padding);
	left: var(--g-alert-padding);
	display: inline-block;
	width: var(--g-alert-icon-size);
	height: var(--g-alert-icon-size);
	background-image: url(../images/common/icon/ico_information_fill.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.g-alert.success::before {
	background-image: url(../images/common/icon/ico_success_fill.svg);
}
.g-alert.success {
	--g-alert-border-color: var(--g-light-color-border-success-light);
	--g-alert-bg-color: var(--g-light-color-surface-success-subtler);
	--g-alert-title-color: var(--g-light-color-text-success);
}
.g-alert.warning::before {
	background-image: url(../images/common/icon/ico_warning_fill.svg);
}
.g-alert.warning {
	--g-alert-border-color: var(--g-light-color-border-warning-light);
	--g-alert-bg-color: var(--g-light-color-surface-warning-subtler);
	--g-alert-title-color: var(--g-light-color-text-warning);
}
.g-alert.error::before {
	background-image: url(../images/common/icon/ico_error_fill.svg);
}
.g-alert.error {
	--g-alert-border-color: var(--g-light-color-border-danger-light);
	--g-alert-bg-color: var(--g-light-color-surface-danger-subtler);
	--g-alert-title-color: var(--g-light-color-text-danger);
}
.g-alert.notice::before {
	background-image: url(../images/common/icon/ico_notice_fill.svg);
}
.g-alert.notice {
	--g-alert-border-color: var(--g-light-color-border-gray-light);
	--g-alert-bg-color: var(--g-light-color-surface-gray-subtler);
	--g-alert-title-color: var(--g-light-color-text-basic);
	--g-alert-icon-size: var(--g-size-height-3);
}
.g-alert.notice::before {
	top: calc(var(--g-alert-padding) + 0.3rem);
}
.g-alert .tit {
	color: var(--g-alert-title-color);
	font-size: var(--g-pc-font-size-heading-xsmall);
	font-weight: var(--g-font-weight-bold);
	padding-left: calc(var(--g-alert-icon-size) + var(--g-gap-3));
}
@media screen and (max-width: 767px) {
	.g-alert .tit {
		font-size: var(--g-mobile-font-size-heading-xsmall);
	}
}
.g-alert .tit ~ .desc {
	margin-top: var(--g-gap-3);
}
.g-alert .desc {
	padding-left: calc(var(--g-alert-icon-size) + var(--g-gap-3));
	font-size: var(--g-pc-font-size-body-medium);
}
@media screen and (max-width: 767px) {
	.g-alert .desc {
		font-size: var(--g-mobile-font-size-body-medium);
	}
}
.g-alert .g-btn {
	height: auto;
}

/**************************************************
	테이블
**************************************************/
/* 모바일 테이블 스크롤(스크립트에서 class 생성됨) */
.table_scroll_wrap{position:relative;}
.table_scroll_wrap:after{content:'scroll 옆으로 미세요'; display:inline-block; position:absolute; top:0; right:0; padding:0 0 0 3rem; background:url(../images/base/ico_scroll_x2.png) no-repeat 0 0/auto 30px; font-size:1.3rem; line-height:3rem;}
.table_scroll_wrap table{table-layout:auto !important; margin-top:4rem !important;}
.table_scroll{overflow:hidden; overflow-x:auto; word-break:keep-all; overflow-wrap:break-word;}
/*.table_scroll::-webkit-scrollbar{height:3px;}
.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/
table {
	--g-table--data-thead-th-padding: var(--g-padding-3);
	--g-table--data-thead-th-padding-sides:var(--g-padding-6);
	--g-table--data-thead-pc-font-size: var(--g-pc-font-size-heading-xsmall);
	--g-table--data-thead-mobile-font-size: var(--g-mobile-font-size-heading-xxsmall);
	--g-table--data-tbody-pc-font-size: var(--g-pc-font-size-label-medium);
	--g-table--data-tbody-mobile-font-size: var(--g-mobile-font-size-label-medium);
	--g-table--data-tbody-padding: var(--g-padding-5);
	--g-table--data-tbody-padding-sides: var(--g-padding-5);
	--g-table--data-border-width: var(--g-light-border-width-variable-regular);
	--g-table--data-table-border: var(--g-light-color-divider-gray-dark);
	--g-table--data-thead-border: var(--g-light-color-divider-gray-dark);
	--g-table--data-thead-surface: var(--g-light-color-surface-gray-subtler);
	--g-table--data-thead-color-text: var(--g-light-color-text-bolder);
	--g-table--data-tbody-color-surface: var(--g-light-color-surface-white-subtle);
	--g-table--data-tbody-color-divider: var(--g-light-color-divider-gray-light);
	--g-table--data-tbody-color-text: var(--g-light-color-text-subtle);
	width: 100%;
}
/* Table(Default) */
table{
	border-top:0.1rem solid var(--g-table--data-table-border);
	word-break:keep-all;
	overflow-wrap:break-word;
}
table :is(th,td){vertical-align:middle;}
table th{text-align:center;}
table thead{position:relative;}
table thead:after{content:''; position:absolute; left:0; bottom:0; right:0; border-bottom: var(--g-table--data-border-width) solid var(--g-table--data-thead-border);}
table thead th {
	padding: var(--g-table--data-thead-th-padding) var(--g-table--data-thead-th-padding-sides);
	background-color: var(--g-table--data-thead-surface);
	border-bottom: var(--g-table--data-border-width) solid var(--g-light-color-divider-gray-light);
	border-left: var(--g-table--data-border-width) solid var(--g-light-color-divider-gray-light);
	border-right: var(--g-table--data-border-width) solid var(--g-light-color-divider-gray-light);
	background-clip:padding-box;
	font-weight: var(--g-font-weight-bold);
	font-size: var(--g-table--data-thead-pc-font-size);
	color: var(--g-table--data-thead-color-text);
	/*text-align: left;*/
}
table thead :is(th,td):first-child{border-left:0;}
table thead :is(th,td):last-child{border-right:0;}
table tbody{position:relative;}
table tbody:after{content:''; position:absolute; left:0; bottom:0; right:0; border-bottom: var(--g-table--data-border-width) solid var(--g-table--data-thead-border);}
table tbody th,
table tbody td {
	padding: var(--g-table--data-tbody-padding) var(--g-table--data-tbody-padding-sides);
	background-color: var(--g-table--data-tbody-color-surface);
	border-bottom:var(--g-table--data-border-width) solid var(--g-table--data-tbody-color-divider);
	border-left: var(--g-table--data-border-width) solid var(--g-light-color-divider-gray-light);
	border-right: var(--g-table--data-border-width) solid var(--g-light-color-divider-gray-light);
	background-clip:padding-box;
	font-size: var(--g-table--data-tbody-pc-font-size);
	color: var(--g-table--data-tbody-color-text);
	/*font-weight: var(--g-font-weight-regular);*/
	/*text-align: left;*/
}
table tbody :is(th,td):first-child{border-left:0;}
table tbody :is(th,td):last-child{border-right:0;}
table tbody th{padding: var(--g-table--data-tbody-padding) var(--g-table--data-thead-th-padding-sides); background-color: var(--g-light-color-surface-gray-subtler);}
/* Table 스타일 */
table.style,#bbsList {
	--table-th-background-color: var(--g-light-color-surface-white);
	--table-th-border-color: var(--g-light-color-divider-gray-darker);
	--table-th-color-text: var(--g-light-color-text-basic);
	--table-border-color: var(--g-light-color-divider-gray-darker);
	--table-border-width: var(--g-light-border-width-variable-regular);
	--table-gray-background-color: var(--g-light-color-surface-gray-subtler);
	--g-table--data-thead-th-padding:1.2rem;
	width: 100%;
}
table.style {
	border-top: var(--table-border-width) solid var(--table-border-color);
	border-bottom: var(--table-border-width) solid var(--table-border-color);
}
table.style thead th {
	background-color: var(--table-th-background-color);
	border: none;
	border-top: .2rem solid var(--table-th-border-color);
	color: var(--table-th-color-text);
}
table.style thead:after{border-bottom:.2rem solid var(--table-th-border-color);}
table.style tbody th,
table.style tbody td{border-left:0; border-right:0; border-bottom-color:var(--table-border-color);}
table.style th[rowspan],
table.style td[rowspan] {
	border-bottom: none;
}
table.style tr.bg-gray th,
table.style tr.bg-gray td {
	background-color: var(--table-gray-background-color);
}
table.style tr:last-child th,
table.style tr:last-child td {
	border-bottom: none;
}
table.style.no-border tbody th,
table.style.no-border tbody td {
	border-bottom: none;
}
table.style.no-border tbody {
	border-bottom: var(--table-border-width) solid var(--table-border-color);
}
@media screen and (max-width: 767px) {
	table tbody th,
	table tbody td {
		font-size: var(--g-table--data-tbody-mobile-font-size);
	}
	/* Table 스타일 */
	table.style,
	table.style tbody{display:block;}
	table.style :is(colgroup,thead,.hide_m){display:none;}
	table.style tr{display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-2) var(--g-gap-3); padding:var(--g-padding-4) 0; border-bottom:var(--table-border-width) solid var(--table-border-color);}
	table.style td{min-width:0; padding:0; border-bottom:0;}
	table.style td:not(.title){position:relative; padding-left:var(--g-padding-4); font-size:1.5rem;}
	table.style td.hide_m:first-child + td{padding-left:0;}
	table.style td:not(.title):before{content:''; position:absolute; top:0; left:0; bottom:0; height:1.2rem; margin:auto 0; border-right:.1rem solid var(--g-light-color-border-gray-light);}
	table.style td.hide_m:first-child + td:before{display:none;}
	table.style .title{order:-1; width:100%; font-weight:700;}
	table.style .title a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
[data-g-mode=high-contrast] table {
	--g-table--data-border-width: var(--g-high-contrast-border-width-variable-regular);
	--g-table--data-thead-border: var(--g-high-contrast-color-border-secondary-light);
	--g-table--data-thead-surface: var(--g-high-contrast-color-surface-secondary-subtler);
	--g-table--data-thead-color-text: var(--g-high-contrast-color-text-bolder);
	--g-table--data-tbody-color-surface: var(--g-high-contrast-color-surface-white-subtle);
	--g-table--data-tbody-color-divider: var(--g-high-contrast-color-divider-gray-light);
	--g-table--data-tbody-color-text: var(--g-high-contrast-color-text-subtle);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] table {
		--g-table--data-border-width: var(--g-high-contrast-border-width-variable-regular);
		--g-table--data-thead-border: var(--g-high-contrast-color-border-secondary-light);
		--g-table--data-thead-surface: var(--g-high-contrast-color-surface-secondary-subtler);
		--g-table--data-thead-color-text: var(--g-high-contrast-color-text-bolder);
		--g-table--data-tbody-color-surface: var(--g-high-contrast-color-surface-white-subtle);
		--g-table--data-tbody-color-divider: var(--g-high-contrast-color-divider-gray-light);
		--g-table--data-tbody-color-text: var(--g-high-contrast-color-text-subtle);
	}
}

/**************************************************
	안내박스
**************************************************/
.g-info-box.icon{display:flex; align-items:flex-start; gap:var(--g-gap-7); margin-bottom:var(--g-pc-gap-layout-h2-h3);}
.g-info-box.icon:before{content:''; flex-shrink:0; width:8rem; height:8rem; background:url(../images/common/2025/ico_info_box01.png) no-repeat 50% 50%/contain;}
.g-info-box.icon.ico-qna:before{background-image:url(../images/common/2025/ico_info_box02.png);}
.g-info-box.icon.ico-faq:before{background-image:url(../images/common/2025/ico_info_box03.png);}
.g-info-box.icon.ico-praise:before{background-image:url(../images/common/2025/ico_info_box04.png);}
.g-info-box.icon.ico-tel:before{background-image:url(../images/common/2025/ico_info_box_tel.png);}
.g-info-box.icon.ico-auth:before{background-image:url(../images/common/2025/ico_info_box_auth.png);}
.g-info-box.icon .in{display:flex; flex-direction:column; gap:var(--g-gap-3); margin-top:var(--g-gap-3);}
.g-info-box {
	position: relative;
	/*margin-bottom:var(--g-pc-gap-layout-h1-h2);*/
	background-color: var(--g-light-color-surface-secondary-subtler);
	padding: var(--g-pc-padding-card-small);
	/*border-radius: var(--g-radius-xlarge1);*/
}
.g-info-box.bg-gray {
	background-color: var(--g-light-color-surface-gray-subtler);
}
.g-info-box.line {
	background-color: var(--g-light-color-surface-white-subtle);
	border: var(--g-light-border-width-static-regular) solid var(--g-light-color-border-gray-light);
}
.g-info-box.sm {
	padding: var(--g-pc-padding-card-xsmall);
}
.g-info-box .g-desc + .g-desc {
	margin-top: var(--g-pc-gap-layout-text-text-large);
}
@media screen and (max-width: 767px) {
	.g-info-box.icon{margin-bottom:var(--g-mobile-gap-layout-h2-h3);}
	.g-info-box {
		padding: var(--g-mobile-padding-card-small);
	}
	.g-info-box .g-desc + .g-desc {
		margin-top: var(--g-mobile-gap-layout-text-text-large);
	}
	.g-info-box.sm {
		padding: var(--g-mobile-padding-card-xsmall);
	}
}
@media screen and (max-width: 599px) {
	.g-info-box.icon:before{display:none;}
	.g-info-box.icon .in{margin-top:0;}
}
.g-info-box .g-desc {
	font-size: var(--g-pc-font-size-body-large);
	font-weight: var(--g-font-weight-regular);
}
@media screen and (max-width: 767px) {
	.g-info-box .g-desc {
		font-size: var(--g-mobile-font-size-body-large);
	}
}

/**************************************************
	스타일 박스
**************************************************/
.g-style-box {
	position: relative;
	background-color: var(--g-light-color-surface-secondary-subtler);
	padding: var(--g-pc-padding-card-large);
	/*border-radius: var(--g-radius-xlarge1);*/
}
.g-style-box.bg-gray {
	background-color: var(--g-light-color-surface-gray-subtler);
}
.g-style-box.line {
	background-color: var(--g-light-color-surface-white-subtle);
	border: var(--g-light-border-width-static-regular) solid var(--g-light-color-border-gray-light);
}
.g-style-box .g-style-title{display:flex; align-items:flex-start; gap:var(--g-gap-2); margin-bottom:var(--g-pc-gap-layout-title-body-small); font-weight:var(--g-font-weight-bold); font-size:var(--g-pc-font-size-body-large);}
.g-style-box .g-style-title .svg-icon{flex-shrink:0; margin-top:.2rem;}
.g-style-box .g-desc + .g-desc {
	margin-top: var(--g-pc-gap-layout-text-text-large);
}
@media screen and (max-width: 767px) {
	.g-style-box {
		padding: var(--g-mobile-padding-card-large);
	}
	.g-style-box .g-desc + .g-desc {
		margin-top: var(--g-mobile-gap-layout-text-text-large);
	}
}
.g-style-box .g-desc {
	font-size: var(--g-pc-font-size-body-medium);
	font-weight: var(--g-font-weight-regular);
}
@media screen and (max-width: 767px) {
	.g-style-box .g-desc {
		font-size: var(--g-mobile-font-size-body-medium);
	}
}

/**************************************************
	Button / 링크
**************************************************/
.svg-icon {
	display: inline-flex;
	width: var(--g-icon--size-large);
	height: var(--g-icon--size-large);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
}
.svg-icon.ico-angle {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
}
.svg-icon.ico-angle.disabled {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle_disabled.svg);
	mask-image: url(../images/common/icon/ico_angle_disabled.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_angle_disabled.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-angle.up {
	transform: rotate(180deg);
}
.svg-icon.ico-angle.left {
	transform: rotate(90deg);
}
.svg-icon.ico-angle.right {
	transform: rotate(-90deg);
}
.svg-icon.ico-sch {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_sch.svg);
	mask-image: url(../images/common/icon/ico_sch.svg);
}
.svg-icon.ico-upload {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_upload.svg);
	mask-image: url(../images/common/icon/ico_upload.svg);
}
.svg-icon.ico-call {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_call.svg);
	mask-image: url(../images/common/icon/ico_call.svg);
}
.svg-icon.ico-faq {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_faq.svg);
	mask-image: url(../images/common/icon/ico_faq.svg);
}
.svg-icon.ico-like {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_like.svg);
	mask-image: url(../images/common/icon/ico_like.svg);
}
.svg-icon.ico-share {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_share.svg);
	mask-image: url(../images/common/icon/ico_share.svg);
}
.svg-icon.ico-more {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_more.svg);
	mask-image: url(../images/common/icon/ico_more.svg);
}
.svg-icon.ico-sch-plus {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_sch_plus.svg);
	mask-image: url(../images/common/icon/ico_sch_plus.svg);
}
.svg-icon.ico-go {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_go.svg);
	mask-image: url(../images/common/icon/ico_go.svg);
}
.svg-icon.ico-down {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	/*-webkit-mask-image: url(../images/common/icon/ico_download.svg);
	mask-image: url(../images/common/icon/ico_download.svg);*/
	background:url(../images/common/2025/ico_download.png) no-repeat 0 0/contain !important;
}
.svg-icon.ico-filter {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_filter.svg);
	mask-image: url(../images/common/icon/ico_filter.svg);
}
.svg-icon.ico-reset {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_reset.svg);
	mask-image: url(../images/common/icon/ico_reset.svg);
}
.svg-icon.ico-log {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login.svg);
	mask-image: url(../images/common/icon/ico_login.svg);
}
.svg-icon.ico-func {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_expand.svg);
	mask-image: url(../images/common/icon/ico_expand.svg);
}
.svg-icon.ico-func.up {
	transform: rotate(-90deg);
}
.svg-icon.ico-func {
	gap: var(--g-gap-3);
}
.svg-icon.ico-logout {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_logout.svg);
	mask-image: url(../images/common/icon/ico_logout.svg);
}
.svg-icon.ico-logout {
	gap: var(--g-gap-3);
}
.svg-icon.ico-email {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_email.svg);
	mask-image: url(../images/common/icon/ico_email.svg);
}
.svg-icon.ico-email {
	gap: var(--g-gap-3);
}
.svg-icon.ico-print {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_print.svg);
	mask-image: url(../images/common/icon/ico_print.svg);
}
.svg-icon.ico-print {
	gap: var(--g-gap-3);
}
.svg-icon.ico-scrap {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_scrap.svg);
	mask-image: url(../images/common/icon/ico_scrap.svg);
}
.svg-icon.ico-scrap {
	gap: var(--g-gap-3);
}
.svg-icon.ico-del {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_delete.svg);
	mask-image: url(../images/common/icon/ico_delete.svg);
}
.svg-icon.ico-del {
	gap: var(--g-gap-3);
}
.svg-icon.ico-popup-close {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_close.svg);
	mask-image: url(../images/common/icon/ico_close.svg);
}
.svg-icon.ico-delete-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_delete_fill.svg);
	mask-image: url(../images/common/icon/ico_delete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_delete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-close {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_close.svg);
	mask-image: url(../images/common/icon/ico_close.svg);
}
.svg-icon.ico-close {
	gap: var(--g-gap-3);
}
.svg-icon.ico-plus {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_plus.svg);
	mask-image: url(../images/common/icon/ico_plus.svg);
}
.svg-icon.ico-plus {
	gap: var(--g-gap-3);
}
.svg-icon.ico-setting {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_setting.svg);
	mask-image: url(../images/common/icon/ico_setting.svg);
}
.svg-icon.ico-setting {
	gap: var(--g-gap-3);
}
.svg-icon.ico-link {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_go.svg);
	mask-image: url(../images/common/icon/ico_go.svg);
}
.svg-icon.ico-link {
	gap: var(--g-gap-3);
}
.svg-icon.ico-refresh {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_reset.svg);
	mask-image: url(../images/common/icon/ico_reset.svg);
}
.svg-icon.ico-toggle {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
}
.svg-icon.ico-pw-visible {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_pw_visible_off.svg);
	mask-image: url(../images/common/icon/ico_pw_visible_off.svg);
}
.svg-icon.ico-pw-visible-on {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_pw_visible_on.svg);
	mask-image: url(../images/common/icon/ico_pw_visible_on.svg);
}
.svg-icon.ico-help {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_help.svg);
	mask-image: url(../images/common/icon/ico_help.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_help.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-page-next {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
	transform: rotate(-90deg);
}
.svg-icon.ico-bread-home {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_bread_home.svg);
	mask-image: url(../images/common/icon/ico_bread_home.svg);
}
.svg-icon.ico-cal-move {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_arrow_dropdown.svg);
	mask-image: url(../images/common/icon/ico_arrow_dropdown.svg);
}
.svg-icon.ico-calendar {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_calendar.svg);
	mask-image: url(../images/common/icon/ico_calendar.svg);
}
.svg-icon.ico-success-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_success_fill.svg);
	mask-image: url(../images/common/icon/ico_success_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_success_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-information-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_information_fill.svg);
	mask-image: url(../images/common/icon/ico_information_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_information_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-error-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_error_fill.svg);
	mask-image: url(../images/common/icon/ico_error_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_error_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-complete-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_complete_fill.svg);
	mask-image: url(../images/common/icon/ico_complete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_complete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-modal-close {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_close.svg);
	mask-image: url(../images/common/icon/ico_close.svg);
}
.svg-icon.ico-fold {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_foldable.svg);
	mask-image: url(../images/common/icon/ico_foldable.svg);
}
.svg-icon.ico-fold.right {
	transform: rotate(-180deg);
}
.svg-icon.ico-ellipsis {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_ellipsis.svg);
	mask-image: url(../images/common/icon/ico_ellipsis.svg);
}
.svg-icon.ico-swiper-play {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_swiper_play.svg);
	mask-image: url(../images/common/icon/ico_swiper_play.svg);
}
.svg-icon.ico-swiper-stop {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_swiper_stop.svg);
	mask-image: url(../images/common/icon/ico_swiper_stop.svg);
}
.svg-icon.ico-tooltip {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_tooltip.svg);
	mask-image: url(../images/common/icon/ico_tooltip.svg);
}
.svg-icon.ico-urgent-danger {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_urgent_badge_danger.svg);
	mask-image: url(../images/common/icon/ico_urgent_badge_danger.svg);
}
.svg-icon.ico-blog {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_blog.svg);
	mask-image: url(../images/common/icon/ico_blog.svg);
}
.svg-icon.ico-facebook {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_facebook.svg);
	mask-image: url(../images/common/icon/ico_facebook.svg);
}
.svg-icon.ico-instagram {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_instagram.svg);
	mask-image: url(../images/common/icon/ico_instagram.svg);
}
.svg-icon.ico-sns-x {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_sns_x.svg);
	mask-image: url(../images/common/icon/ico_sns_x.svg);
}
.svg-icon.ico-youtube {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_youtube.svg);
	mask-image: url(../images/common/icon/ico_youtube.svg);
}
.svg-icon.ico-all {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_all.svg);
	mask-image: url(../images/common/icon/ico_all.svg);
}
.svg-icon.ico-join {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_join.svg);
	mask-image: url(../images/common/icon/ico_join.svg);
}
.svg-icon.ico-my {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_my.svg);
	mask-image: url(../images/common/icon/ico_my.svg);
}
.svg-icon.ico-login-go {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login_certify_go.svg);
	mask-image: url(../images/common/icon/ico_login_certify_go.svg);
}
.svg-icon.ico-global {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_global.svg);
	mask-image: url(../images/common/icon/ico_global.svg);
}
.svg-icon.ico-view-mode {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_view_mode.svg);
	mask-image: url(../images/common/icon/ico_view_mode.svg);
}
.svg-icon.ico-go-top {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_go_top.svg);
	mask-image: url(../images/common/icon/ico_go_top.svg);
}
.svg-icon.ico-login-type01 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login_certify_type_01.svg);
	mask-image: url(../images/common/icon/ico_login_certify_type_01.svg);
}
.svg-icon.ico-login-type02 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login_certify_type_02.svg);
	mask-image: url(../images/common/icon/ico_login_certify_type_02.svg);
}
.svg-icon.ico-login-type03 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login_certify_type_03.svg);
	mask-image: url(../images/common/icon/ico_login_certify_type_03.svg);
}
.svg-icon.ico-login-type04 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login_certify_type_04.svg);
	mask-image: url(../images/common/icon/ico_login_certify_type_04.svg);
}
.svg-icon.ico-login-type05 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login_certify_type_05.svg);
	mask-image: url(../images/common/icon/ico_login_certify_type_05.svg);
}
.svg-icon.ico-login-type06 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_login_certify_type_06.svg);
	mask-image: url(../images/common/icon/ico_login_certify_type_06.svg);
}
.svg-icon.ico-flag {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_flag.svg);
	mask-image: url(../images/common/icon/ico_flag.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/icon/ico_flag.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-file {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_file.svg);
	mask-image: url(../images/common/icon/ico_file.svg);
}
.svg-icon.ico-checkbox {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/icon/ico_checkbox_checked.svg);
}
.svg-icon.ico-location {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_location.svg);
	mask-image: url(../images/common/icon/ico_location.svg);
}

[data-g-mode=high-contrast] .svg-icon.ico-help {
	background-image: url(../images/common/icon/ico_help_fill.svg);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .svg-icon.ico-help {
		background-image: url(../images/common/icon/ico_help_fill.svg);
	}
}
/* 버튼 사이즈 */
.g-btn{
	--g-button--size-height-xsmall: var(--g-size-height-5);
	--g-button--padding-x-xsmall: var(--g-padding-4);
	--g-button--padding-y-xsmall: 0;
	--g-button--gap-xsmall: var(--g-gap-1);
	--g-button--radius-xsmall: var(--g-radius-small3);
	--g-button--pc-font-size-xsmall: var(--g-pc-font-size-label-small);
	--g-button--mobile-font-size-xsmall: var(--g-mobile-font-size-label-small);
	--g-button--font-weight-xsmall: var(--g-font-weight-regular);

	--g-button--size-height-small: var(--g-size-height-6);
	--g-button--padding-x-small: var(--g-padding-5);
	--g-button--padding-y-small: 0;
	--g-button--gap-small: var(--g-gap-1);
	--g-button--radius-small: var(--g-radius-medium1);
	--g-button--pc-font-size-small: var(--g-pc-font-size-label-medium);
	--g-button--mobile-font-size-small: var(--g-mobile-font-size-label-small);
	--g-button--font-weight-small: var(--g-font-weight-regular);

	--g-button--size-height-medium: var(--g-size-height-7);
	--g-button--padding-x-medium: var(--g-padding-10);
	--g-button--padding-y-medium: 0;
	--g-button--gap-medium: var(--g-gap-2);
	--g-button--radius-medium: var(--g-radius-medium2);
	--g-button--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-button--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-button--font-weight-medium: var(--g-font-weight-regular);

	--g-button--size-height-large: var(--g-size-height-8);
	--g-button--padding-x-large: var(--g-padding-10);
	--g-button--padding-y-large: 0;
	--g-button--gap-large: var(--g-gap-2);
	--g-button--radius-large: var(--g-radius-medium3);
	--g-button--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-button--mobile-font-size-large: var(--g-mobile-font-size-label-large);
	--g-button--font-weight-large: var(--g-font-weight-regular);

	--g-button--size-height-xlarge: var(--g-size-height-9);
	--g-button--padding-x-xlarge: var(--g-padding-10);
	--g-button--padding-y-xlarge: 0;
	--g-button--gap-xlarge: var(--g-gap-2);
	--g-button--radius-xlarge: var(--g-radius-medium4);
	--g-button--pc-font-size-xlarge: var(--g-pc-font-size-label-large);
	--g-button--mobile-font-size-xlarge: var(--g-mobile-font-size-label-large);
	--g-button--font-weight-xlarge: var(--g-font-weight-regular);
}
.g-btn{
	gap:var(--g-button--gap-large);
	height:var(--g-button--size-height-large);
	padding:var(--g-button--padding-y-large) var(--g-button--padding-x-large);
	/*border-radius:var(--g-button--radius-large);*/
	font-size:var(--g-button--pc-font-size-large);
	font-weight:var(--g-button--font-weight-large);
	line-height:1.2;
	vertical-align:middle;
}
@media screen and (max-width:767px) {
	.g-btn{font-size:var(--g-button--mobile-font-size-large);}
}
.g-btn .svg-icon{
	flex-shrink:0;
	width:var(--g-icon--size-large);
	height:var(--g-icon--size-large);
}
.g-btn.xsmall{
	gap:var(--g-button--gap-xsmall);
	height:var(--g-button--size-height-xsmall);
	padding:var(--g-button--padding-y-xsmall) var(--g-button--padding-x-xsmall);
	/*border-radius:var(--g-button--radius-xsmall);*/
	font-size:var(--g-button--pc-font-size-xsmall);
	font-weight:var(--g-button--font-weight-xsmall);
}
.g-btn.xsmall .svg-icon{
	width:var(--g-icon--size-xsmall);
	height:var(--g-icon--size-xsmall);
}
.g-btn.xsmall .ico-down{
	width:var(--g-icon--size-medium);
	height:var(--g-icon--size-medium);
	margin-left:var(--g-gap-2);
}
@media screen and (max-width:767px) {
	.g-btn.xsmall{font-size:var(--g-button--mobile-font-size-xsmall);}
}
.g-btn.small{
	gap:var(--g-button--gap-small);
	height:var(--g-button--size-height-small);
	padding:var(--g-button--padding-y-small) var(--g-button--padding-x-small);
	/*border-radius:var(--g-button--radius-small);*/
	font-size:var(--g-button--pc-font-size-small);
	font-weight:var(--g-button--font-weight-small);
}
@media screen and (max-width:767px) {
	.g-btn.small{font-size:var(--g-button--mobile-font-size-small);}
}
.g-btn.small .svg-icon{
	width:var(--g-icon--size-medium);
	height:var(--g-icon--size-medium);
}
.g-btn.small .ico-down{
	width:var(--g-icon--size-large);
	height:var(--g-icon--size-large);
	margin-left:var(--g-gap-2);
}
.g-btn.medium{
	gap:var(--g-button--gap-medium);
	height:var(--g-button--size-height-medium);
	padding:var(--g-button--padding-y-medium) var(--g-button--padding-x-medium);
	/*border-radius:var(--g-button--radius-medium);*/
	font-size:var(--g-button--pc-font-size-medium);
	font-weight:var(--g-button--font-weight-medium);
}
@media screen and (max-width:767px) {
	.g-btn.medium{height:var(--g-button--size-height-small); padding:var(--g-button--padding-y-medium) var(--g-button--padding-x-small); font-size:var(--g-button--mobile-font-size-medium);}
}
.g-btn.medium .svg-icon{
	width:var(--g-icon--size-large);
	height:var(--g-icon--size-large);
}
.g-btn.large{
	gap:var(--g-button--gap-large);
	height:var(--g-button--size-height-large);
	padding:var(--g-button--padding-y-large) var(--g-button--padding-x-large);
	/*border-radius:var(--g-button--radius-large);*/
	font-size:var(--g-button--pc-font-size-large);
	font-weight:var(--g-button--font-weight-large);
}
@media screen and (max-width:767px) {
	.g-btn.large{font-size:var(--g-button--mobile-font-size-large);}
}
.g-btn.large .svg-icon{
	width:var(--g-icon--size-large);
	height:var(--g-icon--size-large);
}
.g-btn.xlarge{
	gap:var(--g-button--gap-xlarge);
	height:var(--g-button--size-height-xlarge);
	padding:var(--g-button--padding-y-xlarge) var(--g-button--padding-x-xlarge);
	/*border-radius:var(--g-button--radius-xlarge);*/
	font-size:var(--g-button--pc-font-size-xlarge);
	font-weight:var(--g-button--font-weight-xlarge);
}
@media screen and (max-width:767px) {
	.g-btn.xlarge{font-size:var(--g-button--mobile-font-size-xlarge);}
}
.g-btn.xlarge .svg-icon{
	width:var(--g-icon--size-xlarge);
	height:var(--g-icon--size-xlarge);
}
/* 버튼 컬러 */
.g-btn{
	--g-button--color-primary-fill: var(--g-light-color-button-primary-fill);
	--g-button--color-primary-fill-hover: var(--g-light-color-button-primary-fill-hover);
	--g-button--color-primary-fill-pressed: var(--g-light-color-button-primary-fill-pressed);
	--g-button--color-primary-fill-disabled: var(--g-light-color-button-disabled-fill);
	--g-button--color-primary-border: var(--g-light-color-button-primary-fill);
	--g-button--color-primary-border-disabled: var(--g-light-color-button-disabled-border);
	--g-button--color-primary-text: var(--g-light-color-text-inverse-static);
	--g-button--color-primary-text-disabled: var(--g-light-color-text-disabled-on);

	--g-button--color-primary2-fill: var(--g-light-color-button-primary2-fill);
	--g-button--color-primary2-fill-hover: var(--g-light-color-button-primary2-fill-hover);
	--g-button--color-primary2-fill-pressed: var(--g-light-color-button-primary2-fill-pressed);
	--g-button--color-primary2-fill-disabled: var(--g-light-color-button-disabled-fill);
	--g-button--color-primary2-border: var(--g-light-color-button-primary2-fill);
	--g-button--color-primary2-border-disabled: var(--g-light-color-button-disabled-border);
	--g-button--color-primary2-text: var(--g-light-color-text-inverse-static);
	--g-button--color-primary2-text-disabled: var(--g-light-color-text-disabled-on);

	--g-button--color-primary3-fill: var(--g-light-color-button-primary3-fill);
	--g-button--color-primary3-fill-hover: var(--g-light-color-button-primary3-fill-hover);
	--g-button--color-primary3-fill-pressed: var(--g-light-color-button-primary3-fill-pressed);
	--g-button--color-primary3-fill-disabled: var(--g-light-color-button-disabled-fill);
	--g-button--color-primary3-border: var(--g-light-color-button-primary3-fill);
	--g-button--color-primary3-border-disabled: var(--g-light-color-button-disabled-border);
	--g-button--color-primary3-text: var(--g-light-color-text-inverse-static);
	--g-button--color-primary3-text-disabled: var(--g-light-color-text-disabled-on);

	--g-button--color-secondary-fill: var(--g-light-color-button-secondary-fill);
	--g-button--color-secondary-fill-hover: var(--g-light-color-button-secondary-fill-hover);
	--g-button--color-secondary-fill-pressed: var(--g-light-color-button-secondary-fill-pressed);
	--g-button--color-secondary-fill-disabled: var(--g-light-color-button-disabled-fill);
	--g-button--color-secondary-border: var(--g-light-color-button-secondary-border);
	--g-button--color-secondary-border-disabled: var(--g-light-color-button-disabled-border);
	--g-button--color-secondary-text: var(--g-light-color-text-basic);
	--g-button--color-secondary-text-disabled: var(--g-light-color-text-disabled-on);

	--g-button--color-tertiary-fill: var(--g-light-color-button-tertiary-fill);
	--g-button--color-tertiary-fill-hover: var(--g-light-color-button-tertiary-fill-hover);
	--g-button--color-tertiary-fill-pressed: var(--g-light-color-button-tertiary-fill-pressed);
	--g-button--color-tertiary-fill-disabled: var(--g-light-color-button-disabled-fill);
	--g-button--color-tertiary-border: var(--g-light-color-button-tertiary-border);
	--g-button--color-tertiary-border-disabled: var(--g-light-color-button-disabled-border);
	--g-button--color-tertiary-text: var(--g-light-color-text-basic);
	--g-button--color-tertiary-text-disabled: var(--g-light-color-text-disabled-on);

	--g-button--color-text-fill: var(--g-light-color-button-text-fill);
	--g-button--color-text-fill-hover: var(--g-light-color-button-text-fill-hover);
	--g-button--color-text-fill-pressed: var(--g-light-color-button-text-fill-pressed);
	--g-button--color-text-fill-disabled: var(--g-light-color-button-text-fill);

	--g-button--color-text-border: var(--g-light-color-button-text-border);
	--g-button--color-text-border-disabled: var(--g-light-color-border-transparency);

	--g-button--color-text-text: var(--g-light-color-text-basic);
	--g-button--color-text-text-disabled: var(--g-light-color-text-disabled);

	--g-button--color-link-fill: var(--g-light-color-button-text-fill);
	--g-button--color-link-fill-hover: var(--g-light-color-button-text-fill);
	--g-button--color-link-fill-pressed: var(--g-light-color-button-text-fill);
	--g-button--color-link-fill-disabled: var(--g-light-color-button-text-fill);

	--g-button--color-link-border: var(--g-light-color-button-text-border);
	--g-button--color-link-border-disabled: var(--g-light-color-border-transparency);

	--g-button--color-link-text: var(--g-light-color-link-default);
	--g-button--color-link-text-disabled: var(--g-light-color-text-disabled);
}
.g-btn{
	background-color:var(--g-button--color-primary-fill);
	border-color:var(--g-button--color-primary-border);
	color:var(--g-button--color-primary-text);
}
.g-btn.primary{
	background-color:var(--g-button--color-primary-fill);
	border-color:var(--g-button--color-primary-border);
	color:var(--g-button--color-primary-text);
}
.g-btn.primary:not(.icon) .svg-icon{background-color:var(--g-button--color-primary-text);}
.g-btn.primary:hover{background-color:var(--g-button--color-primary-fill-hover);}
.g-btn.primary:is(:active,:focus){background-color:var(--g-button--color-primary-fill-pressed);}
.g-btn.primary:is([disabled],.disabled){
	background-color:var(--g-button--color-primary-fill-disabled);
	border-color:var(--g-button--color-primary-border-disabled);
	color:var(--g-button--color-primary-text-disabled);
}
.g-btn.primary[disabled]:not(.icon) .svg-icon, .g-btn.primary.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-primary-text-disabled);
}
.g-btn.primary:is([disabled]:hover,.disabled:hover){
	background-color:var(--g-button--color-primary-fill-disabled);
	border-color:var(--g-button--color-primary-border-disabled);
	color:var(--g-button--color-primary-text-disabled);
}

.g-btn.primary2{
	background-color:var(--g-button--color-primary2-fill);
	border-color:var(--g-button--color-primary2-border);
	color:var(--g-button--color-primary2-text);
}
.g-btn.primary2:not(.icon) .svg-icon{background-color:var(--g-button--color-primary2-text);}
.g-btn.primary2:hover{background-color:var(--g-button--color-primary2-fill-hover);}
.g-btn.primary2:is(:active,:focus){background-color:var(--g-button--color-primary2-fill-pressed);}
.g-btn.primary2:is([disabled],.disabled){
	background-color:var(--g-button--color-primary2-fill-disabled);
	border-color:var(--g-button--color-primary2-border-disabled);
	color:var(--g-button--color-primary2-text-disabled);
}
.g-btn.primary2[disabled]:not(.icon) .svg-icon, .g-btn.primary2.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-primary2-text-disabled);
}
.g-btn.primary2:is([disabled]:hover,.disabled:hover){
	background-color:var(--g-button--color-primary2-fill-disabled);
	border-color:var(--g-button--color-primary2-border-disabled);
	color:var(--g-button--color-primary2-text-disabled);
}

.g-btn.primary3{
	background-color:var(--g-button--color-primary3-fill);
	border-color:var(--g-button--color-primary3-border);
	color:var(--g-button--color-primary3-text);
}
.g-btn.primary3:not(.icon) .svg-icon{background-color:var(--g-button--color-primary3-text);}
.g-btn.primary3:hover{background-color:var(--g-button--color-primary3-fill-hover);}
.g-btn.primary3:is(:active,:focus){background-color:var(--g-button--color-primary3-fill-pressed);}
.g-btn.primary3:is([disabled],.disabled){
	background-color:var(--g-button--color-primary3-fill-disabled);
	border-color:var(--g-button--color-primary3-border-disabled);
	color:var(--g-button--color-primary3-text-disabled);
}
.g-btn.primary3[disabled]:not(.icon) .svg-icon, .g-btn.primary3.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-primary3-text-disabled);
}
.g-btn.primary3:is([disabled]:hover,.disabled:hover){
	background-color:var(--g-button--color-primary3-fill-disabled);
	border-color:var(--g-button--color-primary3-border-disabled);
	color:var(--g-button--color-primary3-text-disabled);
}

.g-btn.secondary{
	background-color:var(--g-button--color-secondary-fill);
	border-color:var(--g-button--color-secondary-border);
	color:var(--g-button--color-secondary-text);
}
.g-btn.secondary:not(.icon) .svg-icon {background-color: var(--g-button--color-secondary-text);}
.g-btn.secondary:hover{
	background-color:var(--g-button--color-secondary-fill-hover);
	color:var(--g-button--color-secondary-text);
}
.g-btn.secondary:is(:active,:focus){
	background-color:var(--g-button--color-secondary-fill-pressed);
	color:var(--g-button--color-secondary-text);
}
.g-btn.secondary:is([disabled],.disabled){
	background-color:var(--g-button--color-secondary-fill-disabled);
	border-color:var(--g-button--color-secondary-border-disabled);
	color:var(--g-button--color-secondary-text-disabled);
}
.g-btn.secondary[disabled]:not(.icon) .svg-icon, .g-btn.secondary.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-secondary-text-disabled);
}
.g-btn.secondary:is([disabled]:hover,.disabled:hover){
	background-color:var(--g-button--color-secondary-fill-disabled);
	border-color:var(--g-button--color-secondary-border-disabled);
	color:var(--g-button--color-secondary-text-disabled);
}
.g-btn.tertiary{
	background-color:var(--g-button--color-tertiary-fill);
	border-color:var(--g-button--color-tertiary-border);
	color:var(--g-button--color-tertiary-text);
}
.g-btn.tertiary:not(.icon) .svg-icon {background-color: var(--g-button--color-tertiary-text);}
.g-btn.tertiary:hover{
	background-color:var(--g-button--color-tertiary-fill-hover);
	color:var(--g-button--color-tertiary-text);
}
.g-btn.tertiary:is(:active,:focus){
	background-color:var(--g-button--color-tertiary-fill-pressed);
	color:var(--g-button--color-tertiary-text);
}
.g-btn.tertiary:is([disabled],.disabled){
	background-color:var(--g-button--color-tertiary-fill-disabled);
	border-color:var(--g-button--color-tertiary-border-disabled);
	color:var(--g-button--color-tertiary-text-disabled);
}
.g-btn.tertiary[disabled]:not(.icon) .svg-icon, .g-btn.tertiary.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-tertiary-text-disabled);
}
.g-btn.tertiary:is([disabled]:hover,.disabled:hover){
	background-color:var(--g-button--color-tertiary-fill-disabled);
	border-color:var(--g-button--color-tertiary-border-disabled);
	color:var(--g-button--color-tertiary-text-disabled);
}
.g-btn.text{
	background-color:var(--g-button--color-text-fill);
	border-color:var(--g-button--color-text-border);
	color:var(--g-button--color-text-text);
}
.g-btn.text:not(.icon) .svg-icon {
	background-color: var(--g-button--color-text-text);
}
.g-btn.text:hover {
	background-color: var(--g-button--color-text-fill-hover);
	color:var(--g-button--color-text-text);
}
.g-btn.text:is(:active,:focus) {
	background-color: var(--g-button--color-text-fill-pressed);
	color:var(--g-button--color-text-text);
}
.g-btn.text:is([disabled],.disabled) {
	background-color: var(--g-button--color-text-fill-disabled);
	border-color: var(--g-button--color-text-border-disabled);
	color: var(--g-button--color-text-text-disabled);
}
.g-btn.text[disabled]:not(.icon) .svg-icon, .g-btn.text.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-text-text-disabled);
}
.g-btn.text:is([disabled]:hover,.disabled:hover) {
	background-color: var(--g-button--color-text-fill-disabled);
	border-color: var(--g-button--color-text-border-disabled);
	color: var(--g-button--color-text-text-disabled);
}
.g-btn.link {
	background-color: var(--g-button--color-link-fill);
	border-color: var(--g-button--color-link-border);
	color: var(--g-button--color-link-text);
}
.g-btn.link:not(.icon) .svg-icon {
	background-color: var(--g-button--color-link-text);
}
.g-btn.link:hover {
	background-color: var(--g-button--color-link-fill-hover);
}
.g-btn.link:is(:active,:focus) {
	background-color: var(--g-button--color-link-fill-pressed);
}
.g-btn.link:is([disabled],.disabled) {
	background-color: var(--g-button--color-link-fill-disabled);
	border-color: var(--g-button--color-link-border-disabled);
	color: var(--g-button--color-link-text-disabled);
}
.g-btn.link[disabled]:not(.icon) .svg-icon, .g-btn.link.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-link-text-disabled);
}
.g-btn.link:is([disabled]:hover,.disabled:hover) {
	background-color: var(--g-button--color-link-fill-disabled);
	border-color: var(--g-button--color-link-border-disabled);
	color: var(--g-button--color-link-text-disabled);
}

.g-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:var(--g-button--gap-large);
	position:relative;
	width:auto;
	border-style:solid;
	cursor:pointer;
	white-space:nowrap;
	transition:var(--g-transition-base);
	border-width:var(--g-light-border-width-variable-regular);
}
@media screen and (max-width: 767px){
	.g-btn{
		white-space:normal;
	}
}
.g-btn .svg-icon {
	background-color: var(--g-button--color-primary-text);
	transition: var(--g-transition-base);
}
.g-btn:hover {
	background-color: var(--g-button--color-primary-fill-hover);
	color:var(--g-button--color-primary-text);
}
.g-btn:is(:active,:focus) {
	background-color: var(--g-button--color-primary-fill-pressed);
	color:var(--g-button--color-primary-text);
}
.g-btn:is([disabled],.disabled) {
	background-color: var(--g-button--color-primary-fill-disabled);
	border-color: var(--g-button--color-primary-border-disabled);
	color: var(--g-button--color-primary-text-disabled);
	cursor: default;
}
.g-btn:is([disabled]:hover,.disabled:hover) {
	background-color: var(--g-button--color-primary-fill-disabled);
	border-color: var(--g-button--color-primary-border-disabled);
	color: var(--g-button--color-primary-text-disabled);
}
.g-btn.text {
	--g-button--size-height-xsmall: var(--g-size-height-3);
	--g-button--padding-x-xsmall: var(--g-padding-1);
	--g-button--padding-y-xsmall: var(--g-number-0);
	--g-button--size-height-small: var(--g-size-height-4);
	--g-button--padding-x-small: var(--g-padding-1);
	--g-button--padding-y-small: var(--g-number-0);
	--g-button--size-height-medium: var(--g-size-height-5);
	--g-button--padding-x-medium: var(--g-padding-1);
	--g-button--padding-y-medium: var(--g-number-2);
	--g-button--size-height-large: var(--g-size-height-6);
	--g-button--padding-x-large: var(--g-padding-1);
	--g-button--padding-y-large: 0.5rem;
	--g-button--size-height-xlarge: var(--g-size-height-7);
	--g-button--padding-x-xlarge: var(--g-padding-1);
	--g-button--padding-y-xlarge: 0.9rem;
	display: inline-block;
	height: auto !important;
	padding: var(--g-button--padding-y-large) var(--g-button--padding-x-large);
	text-align: left;
	white-space: normal;
	word-break:break-all;
}
.g-btn.text.xsmall {
	min-height: var(--g-button--size-height-xsmall);
	padding: var(--g-button--padding-y-xsmall) var(--g-button--padding-x-xsmall);
}
.g-btn.text.xsmall .svg-icon {
	margin-bottom: -0.3rem;
}
.g-btn.text.small {
	padding: var(--g-button--padding-y-small) var(--g-button--padding-x-small);
}
.g-btn.text.small .svg-icon {
	margin-bottom: -0.3rem;
}
.g-btn.text.medium {
	padding: var(--g-button--padding-y-medium) var(--g-button--padding-x-medium);
}
.g-btn.text.medium .svg-icon {
	margin-bottom: -0.5rem;
}
.g-btn.text.large {
	padding: var(--g-button--padding-y-large) var(--g-button--padding-x-large);
}
.g-btn.text.large .svg-icon {
	margin-bottom: -0.5rem;
}
.g-btn.text.xlarge {
	padding: var(--g-button--padding-y-xlarge) var(--g-button--padding-x-xlarge);
}
.g-btn.text.xlarge .svg-icon {
	margin-bottom: -0.6rem;
}
.g-btn.text.h-auto {
	height: auto;
	padding: var(--g-padding-1) !important;
}
.g-btn.text .svg-icon {
	display: inline-block;
	margin-bottom: -0.5rem;
}
.g-btn.link {
	--g-button--pc-font-size-xsmall: var(--g-pc-font-size-label-small);
	--g-button--mobile-font-size-xsmall: var(--g-mobile-font-size-label-small);
	--g-button--padding-x-xsmall: var(--g-padding-1);
	--g-button--pc-font-size-small: var(--g-pc-font-size-label-small);
	--g-button--mobile-font-size-small: var(--g-mobile-font-size-label-small);
	--g-button--padding-x-small: var(--g-padding-1);
	--g-button--pc-font-size-medium: var(--g-pc-font-size-label-medium);
	--g-button--mobile-font-size-medium: var(--g-mobile-font-size-label-medium);
	--g-button--padding-x-medium: var(--g-padding-1);
	--g-button--pc-font-size-large: var(--g-pc-font-size-label-large);
	--g-button--mobile-font-size-large: var(--g-mobile-font-size-label-large);
	--g-button--padding-x-large: var(--g-padding-1);
	--g-button--pc-font-size-xlarge: var(--g-pc-font-size-label-large);
	--g-button--mobile-font-size-xlarge: var(--g-mobile-font-size-label-large);
	--g-button--padding-x-xlarge: var(--g-padding-1);
	display: inline-block;
	height: auto !important;
	padding: 0 var(--g-button--padding-x-large);
	font-size: var(--g-button--pc-font-size-large);
	text-align: left;
	white-space: normal;
}
@media screen and (max-width: 767px) {
	.g-btn.link {
		font-size: var(--g-button--mobile-font-size-large);
	}
}
.g-btn.link.xsmall {
	padding: 0 var(--g-button--padding-x-xsmall);
	font-size: var(--g-button--pc-font-size-xsmall);
}
@media screen and (max-width: 767px) {
	.g-btn.link.xsmall {
		font-size: var(--g-button--mobile-font-size-xsmall);
	}
}
.g-btn.link.xsmall .svg-icon {
	margin-bottom: -0.3rem;
}
.g-btn.link.small {
	padding: 0 var(--g-button--padding-x-small);
	font-size: var(--g-button--pc-font-size-small);
}
@media screen and (max-width: 767px) {
	.g-btn.link.small {
		font-size: var(--g-button--mobile-font-size-small);
	}
}
.g-btn.link.small .svg-icon {
	margin-bottom: -0.3rem;
}
.g-btn.link.medium {
	padding: 0 var(--g-button--padding-x-medium);
	font-size: var(--g-button--pc-font-size-medium);
}
@media screen and (max-width: 767px) {
	.g-btn.link.medium {
		font-size: var(--g-button--mobile-font-size-medium);
	}
}
.g-btn.link.medium .svg-icon {
	margin-bottom: -0.4rem;
}
.g-btn.link.large {
	padding: 0 var(--g-button--padding-x-large);
	font-size: var(--g-button--pc-font-size-large);
}
@media screen and (max-width: 767px) {
	.g-btn.link.large {
		font-size: var(--g-button--mobile-font-size-large);
	}
}
.g-btn.link.large .svg-icon {
	margin-bottom: -0.5rem;
}
.g-btn.link.xlarge {
	padding: 0 var(--g-button--padding-x-xlarge);
	font-size: var(--g-button--pc-font-size-xlarge);
}
@media screen and (max-width: 767px) {
	.g-btn.link.xlarge {
		font-size: var(--g-button--mobile-font-size-xlarge);
	}
}
.g-btn.link.xlarge .svg-icon {
	margin-bottom: -0.6rem;
}
.g-btn.link.basic {
	color: var(--g-light-color-text-basic);
	text-decoration: underline;
	text-underline-offset: var(--g-font-underline-offset);
	text-decoration-color: var(--g-light-color-border-transparency);
}
.g-btn.link.basic .svg-icon {
	background-color: var(--g-light-color-text-basic);
}
.g-btn.link.basic:is(:hover,:active,:focus) {
	text-decoration-color: inherit;
}
.g-btn.link:hover {
	color: var(--g-light-color-link-hover);
}
.g-btn.link:hover .svg-icon {
	background-color: var(--g-light-color-link-hover);
}
.g-btn.link:is(:active,:focus) {
	color: var(--g-light-color-link-pressed);
}
.g-btn.link:is(:active,:focus) .svg-icon {
	background-color: var(--g-light-color-link-pressed);
}
.g-btn.link:visited {
	color: var(--g-light-color-link-visited);
	text-decoration: none;
}
.g-btn.link:visited .svg-icon {
	background-color: var(--g-light-color-link-visited);
}
.g-btn.link .svg-icon {
	display: inline-block;
	margin-bottom: -0.5rem;
}
.g-btn.icon {
	--g-button--icon-size-xsmall: var(--g-size-height-2);
	--g-button--icon-size-small: var(--g-size-height-3);
	--g-button--icon-size-medium: var(--g-size-height-4);
	--g-button--icon-size-large: var(--g-size-height-5);
	--g-button--icon-size-xlarge: var(--g-size-height-6);
	width: var(--g-button--icon-size-medium);
	height: var(--g-button--icon-size-medium);
	padding: 0 !important;
	background-color: transparent;
	border-color: var(--g-light-color-border-transparency);
	color: inherit;
	border: 0;
}
.g-btn.icon:is(:hover,:active) {
	background-color: inherit;
}
.g-btn.icon.xsmall {
	width: var(--g-button--icon-size-xsmall);
	height: var(--g-button--icon-size-xsmall);
}
.g-btn.icon.xsmall .svg-icon {
	width: 100%;
	height: 100%;
}
.g-btn.icon.small {
	width: var(--g-button--icon-size-small);
	height: var(--g-button--icon-size-small);
}
.g-btn.icon.small .svg-icon {
	width: 100%;
	height: 100%;
}
.g-btn.icon.medium {
	width: var(--g-button--icon-size-medium);
	height: var(--g-button--icon-size-medium);
}
.g-btn.icon.medium .svg-icon {
	width: 100%;
	height: 100%;
}
.g-btn.icon.large {
	width: var(--g-button--icon-size-large);
	height: var(--g-button--icon-size-large);
}
.g-btn.icon.large .svg-icon {
	width: 100%;
	height: 100%;
}
.g-btn.icon.xlarge {
	width: var(--g-button--icon-size-xlarge);
	height: var(--g-button--icon-size-xlarge);
}
.g-btn.icon.xlarge .svg-icon {
	width: 100%;
	height: 100%;
}
.g-btn.icon .svg-icon {
	background-color: var(--g-light-color-text-basic);
}
.g-btn.icon.pure .svg-icon {
	background-color: transparent;
}
.g-btn.icon.border {
	background-color: var(--g-light-color-background-white);
	border: 0.1rem solid var(--g-light-color-border-gray);
	border-radius: var(--g-radius-max);
}
.g-btn.icon.border.large .svg-icon {
	width: var(--g-icon--size-xsmall);
	height: var(--g-icon--size-xsmall);
}
.g-btn.icon.border.xlarge .svg-icon {
	width: var(--g-icon--size-xlarge);
	height: var(--g-icon--size-xlarge);
}
.g-btn.icon.border:is([disabled],.disabled) {
	background-color: var(--g-light-color-button-disabled-fill);
}

[data-g-mode=high-contrast] .g-btn {
	border-width: var(--g-high-contrast-border-width-variable-regular);
	--g-button--color-primary-fill: var(--g-high-contrast-color-button-primary-fill);
	--g-button--color-primary-fill-hover: var(--g-high-contrast-color-button-primary-fill-hover);
	--g-button--color-primary-fill-pressed: var(--g-high-contrast-color-button-primary-fill-pressed);
	--g-button--color-primary-fill-disabled: var(--g-high-contrast-color-button-disabled-fill);
	--g-button--color-primary-border: var(--g-high-contrast-color-button-primary-fill);
	--g-button--color-primary-border-disabled: var(--g-high-contrast-color-button-disabled-border);
	--g-button--color-primary-text: var(--g-high-contrast-color-text-inverse-static);
	--g-button--color-primary-text-disabled: var(--g-high-contrast-color-text-disabled-on);
	--g-button--color-secondary-fill: var(--g-high-contrast-color-button-secondary-fill);
	--g-button--color-secondary-fill-hover: var(--g-high-contrast-color-button-secondary-fill-hover);
	--g-button--color-secondary-fill-pressed: var(--g-high-contrast-color-button-secondary-fill-pressed);
	--g-button--color-secondary-fill-disabled: var(--g-high-contrast-color-button-disabled-fill);
	--g-button--color-secondary-border: var(--g-high-contrast-color-button-secondary-border);
	--g-button--color-secondary-border-disabled: var(--g-high-contrast-color-button-disabled-border);
	--g-button--color-secondary-text: var(--g-high-contrast-color-text-primary);
	--g-button--color-secondary-text-disabled: var(--g-high-contrast-color-text-disabled-on);
	--g-button--color-tertiary-fill: var(--g-high-contrast-color-button-tertiary-fill);
	--g-button--color-tertiary-fill-hover: var(--g-high-contrast-color-button-tertiary-fill-hover);
	--g-button--color-tertiary-fill-pressed: var(--g-high-contrast-color-button-tertiary-fill-pressed);
	--g-button--color-tertiary-fill-disabled: var(--g-high-contrast-color-button-disabled-fill);
	--g-button--color-tertiary-border: var(--g-high-contrast-color-button-tertiary-border);
	--g-button--color-tertiary-border-disabled: var(--g-high-contrast-color-button-disabled-border);
	--g-button--color-tertiary-text: var(--g-high-contrast-color-text-basic);
	--g-button--color-tertiary-text-disabled: var(--g-high-contrast-color-text-disabled-on);
	--g-button--color-text-fill: var(--g-high-contrast-color-button-text-fill);
	--g-button--color-text-fill-hover: var(--g-high-contrast-color-button-text-fill-hover);
	--g-button--color-text-fill-pressed: var(--g-high-contrast-color-button-text-fill-pressed);
	--g-button--color-text-fill-disabled: var(--g-high-contrast-color-button-text-fill);
	--g-button--color-text-border: var(--g-high-contrast-color-button-text-border);
	--g-button--color-text-border-disabled: var(--g-high-contrast-color-border-transparency);
	--g-button--color-text-text: var(--g-high-contrast-color-text-basic);
	--g-button--color-text-text-disabled: var(--g-high-contrast-color-text-disabled);
	--g-button--color-link-fill: var(--g-high-contrast-color-button-text-fill);
	--g-button--color-link-fill-hover: var(--g-high-contrast-color-button-text-fill);
	--g-button--color-link-fill-pressed: var(--g-high-contrast-color-button-text-fill);
	--g-button--color-link-fill-disabled: var(--g-high-contrast-color-button-text-fill);
	--g-button--color-link-border: var(--g-high-contrast-color-button-text-border);
	--g-button--color-link-border-disabled: var(--g-high-contrast-color-border-transparency);
	--g-button--color-link-text: var(--g-high-contrast-color-link-default);
	--g-button--color-link-text-disabled: var(--g-high-contrast-color-text-disabled);
	/* icon 버튼 (텍스트 없음) */
}
[data-g-mode=high-contrast] .g-btn {
	background-color: var(--g-button--color-primary-fill);
	border-color: var(--g-button--color-primary-border);
	color: var(--g-button--color-primary-text);
}
[data-g-mode=high-contrast] .g-btn.primary {
	background-color: var(--g-button--color-primary-fill);
	border-color: var(--g-button--color-primary-border);
	color: var(--g-button--color-primary-text);
}
[data-g-mode=high-contrast] .g-btn.primary:not(.icon) .svg-icon {
	background-color: var(--g-button--color-primary-text);
}
[data-g-mode=high-contrast] .g-btn.primary:hover {
	background-color: var(--g-button--color-primary-fill-hover);
}
[data-g-mode=high-contrast] .g-btn.primary:active, [data-g-mode=high-contrast] .g-btn.primary:focus {
	background-color: var(--g-button--color-primary-fill-pressed);
}
[data-g-mode=high-contrast] .g-btn.primary[disabled], [data-g-mode=high-contrast] .g-btn.primary.disabled {
	background-color: var(--g-button--color-primary-fill-disabled);
	border-color: var(--g-button--color-primary-border-disabled);
	color: var(--g-button--color-primary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.primary[disabled]:not(.icon) .svg-icon, [data-g-mode=high-contrast] .g-btn.primary.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-primary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.primary[disabled]:hover, [data-g-mode=high-contrast] .g-btn.primary.disabled:hover {
	background-color: var(--g-button--color-primary-fill-disabled);
	border-color: var(--g-button--color-primary-border-disabled);
	color: var(--g-button--color-primary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.secondary {
	background-color: var(--g-button--color-secondary-fill);
	border-color: var(--g-button--color-secondary-border);
	color: var(--g-button--color-secondary-text);
}
[data-g-mode=high-contrast] .g-btn.secondary:not(.icon) .svg-icon {
	background-color: var(--g-button--color-secondary-text);
}
[data-g-mode=high-contrast] .g-btn.secondary:hover {
	background-color: var(--g-button--color-secondary-fill-hover);
}
[data-g-mode=high-contrast] .g-btn.secondary:active, [data-g-mode=high-contrast] .g-btn.secondary:focus {
	background-color: var(--g-button--color-secondary-fill-pressed);
}
[data-g-mode=high-contrast] .g-btn.secondary[disabled], [data-g-mode=high-contrast] .g-btn.secondary.disabled {
	background-color: var(--g-button--color-secondary-fill-disabled);
	border-color: var(--g-button--color-secondary-border-disabled);
	color: var(--g-button--color-secondary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.secondary[disabled]:not(.icon) .svg-icon, [data-g-mode=high-contrast] .g-btn.secondary.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-secondary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.secondary[disabled]:hover, [data-g-mode=high-contrast] .g-btn.secondary.disabled:hover {
	background-color: var(--g-button--color-secondary-fill-disabled);
	border-color: var(--g-button--color-secondary-border-disabled);
	color: var(--g-button--color-secondary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.tertiary {
	background-color: var(--g-button--color-tertiary-fill);
	border-color: var(--g-button--color-tertiary-border);
	color: var(--g-button--color-tertiary-text);
}
[data-g-mode=high-contrast] .g-btn.tertiary:not(.icon) .svg-icon {
	background-color: var(--g-button--color-tertiary-text);
}
[data-g-mode=high-contrast] .g-btn.tertiary:hover {
	background-color: var(--g-button--color-tertiary-fill-hover);
}
[data-g-mode=high-contrast] .g-btn.tertiary:active, [data-g-mode=high-contrast] .g-btn.tertiary:focus {
	background-color: var(--g-button--color-tertiary-fill-pressed);
}
[data-g-mode=high-contrast] .g-btn.tertiary[disabled], [data-g-mode=high-contrast] .g-btn.tertiary.disabled {
	background-color: var(--g-button--color-tertiary-fill-disabled);
	border-color: var(--g-button--color-tertiary-border-disabled);
	color: var(--g-button--color-tertiary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.tertiary[disabled]:not(.icon) .svg-icon, [data-g-mode=high-contrast] .g-btn.tertiary.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-tertiary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.tertiary[disabled]:hover, [data-g-mode=high-contrast] .g-btn.tertiary.disabled:hover {
	background-color: var(--g-button--color-tertiary-fill-disabled);
	border-color: var(--g-button--color-tertiary-border-disabled);
	color: var(--g-button--color-tertiary-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.text {
	background-color: var(--g-button--color-text-fill);
	border-color: var(--g-button--color-text-border);
	color: var(--g-button--color-text-text);
}
[data-g-mode=high-contrast] .g-btn.text:not(.icon) .svg-icon {
	background-color: var(--g-button--color-text-text);
}
[data-g-mode=high-contrast] .g-btn.text:hover {
	background-color: var(--g-button--color-text-fill-hover);
}
[data-g-mode=high-contrast] .g-btn.text:active, [data-g-mode=high-contrast] .g-btn.text:focus {
	background-color: var(--g-button--color-text-fill-pressed);
}
[data-g-mode=high-contrast] .g-btn.text[disabled], [data-g-mode=high-contrast] .g-btn.text.disabled {
	background-color: var(--g-button--color-text-fill-disabled);
	border-color: var(--g-button--color-text-border-disabled);
	color: var(--g-button--color-text-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.text[disabled]:not(.icon) .svg-icon, [data-g-mode=high-contrast] .g-btn.text.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-text-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.text[disabled]:hover, [data-g-mode=high-contrast] .g-btn.text.disabled:hover {
	background-color: var(--g-button--color-text-fill-disabled);
	border-color: var(--g-button--color-text-border-disabled);
	color: var(--g-button--color-text-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.link {
	background-color: var(--g-button--color-link-fill);
	border-color: var(--g-button--color-link-border);
	color: var(--g-button--color-link-text);
}
[data-g-mode=high-contrast] .g-btn.link:not(.icon) .svg-icon {
	background-color: var(--g-button--color-link-text);
}
[data-g-mode=high-contrast] .g-btn.link:hover {
	background-color: var(--g-button--color-link-fill-hover);
}
[data-g-mode=high-contrast] .g-btn.link:active, [data-g-mode=high-contrast] .g-btn.link:focus {
	background-color: var(--g-button--color-link-fill-pressed);
}
[data-g-mode=high-contrast] .g-btn.link[disabled], [data-g-mode=high-contrast] .g-btn.link.disabled {
	background-color: var(--g-button--color-link-fill-disabled);
	border-color: var(--g-button--color-link-border-disabled);
	color: var(--g-button--color-link-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.link[disabled]:not(.icon) .svg-icon, [data-g-mode=high-contrast] .g-btn.link.disabled:not(.icon) .svg-icon {
	background-color: var(--g-button--color-link-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.link[disabled]:hover, [data-g-mode=high-contrast] .g-btn.link.disabled:hover {
	background-color: var(--g-button--color-link-fill-disabled);
	border-color: var(--g-button--color-link-border-disabled);
	color: var(--g-button--color-link-text-disabled);
}
[data-g-mode=high-contrast] .g-btn.text.ico-filter .num {
	color: var(--g-high-contrast-color-text-basic-inverse);
	background-color: var(--g-high-contrast-color-element-primary);
}
[data-g-mode=high-contrast] .g-btn.link.basic {
	color: var(--g-high-contrast-color-text-basic);
}
[data-g-mode=high-contrast] .g-btn.link.basic:not(.icon) .svg-icon {
	background-color: var(--g-high-contrast-color-text-basic);
}
[data-g-mode=high-contrast] .g-btn.link:hover {
	color: var(--g-high-contrast-color-link-hover);
}
[data-g-mode=high-contrast] .g-btn.link:hover:not(.icon) .svg-icon {
	background-color: var(--g-high-contrast-color-link-hover);
}
[data-g-mode=high-contrast] .g-btn.link:active, [data-g-mode=high-contrast] .g-btn.link:focus {
	color: var(--g-high-contrast-color-link-pressed);
}
[data-g-mode=high-contrast] .g-btn.link:active:not(.icon) .svg-icon, [data-g-mode=high-contrast] .g-btn.link:focus:not(.icon) .svg-icon {
	background-color: var(--g-high-contrast-color-link-pressed);
}
[data-g-mode=high-contrast] .g-btn.link:visited {
	color: var(--g-high-contrast-color-link-visited);
}
[data-g-mode=high-contrast] .g-btn.link:visited:not(.icon) .svg-icon {
	background-color: var(--g-high-contrast-color-link-visited);
}
[data-g-mode=high-contrast] .g-btn.icon {
	background-color: transparent;
	border-color: var(--g-high-contrast-color-border-transparency);
}
[data-g-mode=high-contrast] .g-btn.icon .svg-icon {
	background-color: var(--g-high-contrast-color-text-basic);
}
[data-g-mode=high-contrast] .g-btn.icon.border {
	background-color: var(--g-high-contrast-color-background-white);
	border-color: var(--g-high-contrast-color-border-gray);
}
[data-g-mode=high-contrast] .g-btn.icon.border[disabled], [data-g-mode=high-contrast] .g-btn.icon.border.disabled {
	background-color: var(--g-high-contrast-color-button-disabled-fill);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-btn {
		border-width: var(--g-high-contrast-border-width-variable-regular);
		--g-button--color-primary-fill: var(--g-high-contrast-color-button-primary-fill);
		--g-button--color-primary-fill-hover: var(--g-high-contrast-color-button-primary-fill-hover);
		--g-button--color-primary-fill-pressed: var(--g-high-contrast-color-button-primary-fill-pressed);
		--g-button--color-primary-fill-disabled: var(--g-high-contrast-color-button-disabled-fill);
		--g-button--color-primary-border: var(--g-high-contrast-color-button-primary-fill);
		--g-button--color-primary-border-disabled: var(--g-high-contrast-color-button-disabled-border);
		--g-button--color-primary-text: var(--g-high-contrast-color-text-inverse-static);
		--g-button--color-primary-text-disabled: var(--g-high-contrast-color-text-disabled-on);
		--g-button--color-secondary-fill: var(--g-high-contrast-color-button-secondary-fill);
		--g-button--color-secondary-fill-hover: var(--g-high-contrast-color-button-secondary-fill-hover);
		--g-button--color-secondary-fill-pressed: var(--g-high-contrast-color-button-secondary-fill-pressed);
		--g-button--color-secondary-fill-disabled: var(--g-high-contrast-color-button-disabled-fill);
		--g-button--color-secondary-border: var(--g-high-contrast-color-button-secondary-border);
		--g-button--color-secondary-border-disabled: var(--g-high-contrast-color-button-disabled-border);
		--g-button--color-secondary-text: var(--g-high-contrast-color-text-primary);
		--g-button--color-secondary-text-disabled: var(--g-high-contrast-color-text-disabled-on);
		--g-button--color-tertiary-fill: var(--g-high-contrast-color-button-tertiary-fill);
		--g-button--color-tertiary-fill-hover: var(--g-high-contrast-color-button-tertiary-fill-hover);
		--g-button--color-tertiary-fill-pressed: var(--g-high-contrast-color-button-tertiary-fill-pressed);
		--g-button--color-tertiary-fill-disabled: var(--g-high-contrast-color-button-disabled-fill);
		--g-button--color-tertiary-border: var(--g-high-contrast-color-button-tertiary-border);
		--g-button--color-tertiary-border-disabled: var(--g-high-contrast-color-button-disabled-border);
		--g-button--color-tertiary-text: var(--g-high-contrast-color-text-basic);
		--g-button--color-tertiary-text-disabled: var(--g-high-contrast-color-text-disabled-on);
		--g-button--color-text-fill: var(--g-high-contrast-color-button-text-fill);
		--g-button--color-text-fill-hover: var(--g-high-contrast-color-button-text-fill-hover);
		--g-button--color-text-fill-pressed: var(--g-high-contrast-color-button-text-fill-pressed);
		--g-button--color-text-fill-disabled: var(--g-high-contrast-color-button-text-fill);
		--g-button--color-text-border: var(--g-high-contrast-color-button-text-border);
		--g-button--color-text-border-disabled: var(--g-high-contrast-color-border-transparency);
		--g-button--color-text-text: var(--g-high-contrast-color-text-basic);
		--g-button--color-text-text-disabled: var(--g-high-contrast-color-text-disabled);
		--g-button--color-link-fill: var(--g-high-contrast-color-button-text-fill);
		--g-button--color-link-fill-hover: var(--g-high-contrast-color-button-text-fill);
		--g-button--color-link-fill-pressed: var(--g-high-contrast-color-button-text-fill);
		--g-button--color-link-fill-disabled: var(--g-high-contrast-color-button-text-fill);
		--g-button--color-link-border: var(--g-high-contrast-color-button-text-border);
		--g-button--color-link-border-disabled: var(--g-high-contrast-color-border-transparency);
		--g-button--color-link-text: var(--g-high-contrast-color-link-default);
		--g-button--color-link-text-disabled: var(--g-high-contrast-color-text-disabled);
		/* icon 버튼 (텍스트 없음) */
	}
	[data-g-mode=theme] .g-btn {
		background-color: var(--g-button--color-primary-fill);
		border-color: var(--g-button--color-primary-border);
		color: var(--g-button--color-primary-text);
	}
	[data-g-mode=theme] .g-btn.primary {
		background-color: var(--g-button--color-primary-fill);
		border-color: var(--g-button--color-primary-border);
		color: var(--g-button--color-primary-text);
	}
	[data-g-mode=theme] .g-btn.primary:not(.icon) .svg-icon {
		background-color: var(--g-button--color-primary-text);
	}
	[data-g-mode=theme] .g-btn.primary:hover {
		background-color: var(--g-button--color-primary-fill-hover);
	}
	[data-g-mode=theme] .g-btn.primary:active, [data-g-mode=theme] .g-btn.primary:focus {
		background-color: var(--g-button--color-primary-fill-pressed);
	}
	[data-g-mode=theme] .g-btn.primary[disabled], [data-g-mode=theme] .g-btn.primary.disabled {
		background-color: var(--g-button--color-primary-fill-disabled);
		border-color: var(--g-button--color-primary-border-disabled);
		color: var(--g-button--color-primary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.primary[disabled]:not(.icon) .svg-icon, [data-g-mode=theme] .g-btn.primary.disabled:not(.icon) .svg-icon {
		background-color: var(--g-button--color-primary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.primary[disabled]:hover, [data-g-mode=theme] .g-btn.primary.disabled:hover {
		background-color: var(--g-button--color-primary-fill-disabled);
		border-color: var(--g-button--color-primary-border-disabled);
		color: var(--g-button--color-primary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.secondary {
		background-color: var(--g-button--color-secondary-fill);
		border-color: var(--g-button--color-secondary-border);
		color: var(--g-button--color-secondary-text);
	}
	[data-g-mode=theme] .g-btn.secondary:not(.icon) .svg-icon {
		background-color: var(--g-button--color-secondary-text);
	}
	[data-g-mode=theme] .g-btn.secondary:hover {
		background-color: var(--g-button--color-secondary-fill-hover);
	}
	[data-g-mode=theme] .g-btn.secondary:active, [data-g-mode=theme] .g-btn.secondary:focus {
		background-color: var(--g-button--color-secondary-fill-pressed);
	}
	[data-g-mode=theme] .g-btn.secondary[disabled], [data-g-mode=theme] .g-btn.secondary.disabled {
		background-color: var(--g-button--color-secondary-fill-disabled);
		border-color: var(--g-button--color-secondary-border-disabled);
		color: var(--g-button--color-secondary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.secondary[disabled]:not(.icon) .svg-icon, [data-g-mode=theme] .g-btn.secondary.disabled:not(.icon) .svg-icon {
		background-color: var(--g-button--color-secondary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.secondary[disabled]:hover, [data-g-mode=theme] .g-btn.secondary.disabled:hover {
		background-color: var(--g-button--color-secondary-fill-disabled);
		border-color: var(--g-button--color-secondary-border-disabled);
		color: var(--g-button--color-secondary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.tertiary {
		background-color: var(--g-button--color-tertiary-fill);
		border-color: var(--g-button--color-tertiary-border);
		color: var(--g-button--color-tertiary-text);
	}
	[data-g-mode=theme] .g-btn.tertiary:not(.icon) .svg-icon {
		background-color: var(--g-button--color-tertiary-text);
	}
	[data-g-mode=theme] .g-btn.tertiary:hover {
		background-color: var(--g-button--color-tertiary-fill-hover);
	}
	[data-g-mode=theme] .g-btn.tertiary:active, [data-g-mode=theme] .g-btn.tertiary:focus {
		background-color: var(--g-button--color-tertiary-fill-pressed);
	}
	[data-g-mode=theme] .g-btn.tertiary[disabled], [data-g-mode=theme] .g-btn.tertiary.disabled {
		background-color: var(--g-button--color-tertiary-fill-disabled);
		border-color: var(--g-button--color-tertiary-border-disabled);
		color: var(--g-button--color-tertiary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.tertiary[disabled]:not(.icon) .svg-icon, [data-g-mode=theme] .g-btn.tertiary.disabled:not(.icon) .svg-icon {
		background-color: var(--g-button--color-tertiary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.tertiary[disabled]:hover, [data-g-mode=theme] .g-btn.tertiary.disabled:hover {
		background-color: var(--g-button--color-tertiary-fill-disabled);
		border-color: var(--g-button--color-tertiary-border-disabled);
		color: var(--g-button--color-tertiary-text-disabled);
	}
	[data-g-mode=theme] .g-btn.text {
		background-color: var(--g-button--color-text-fill);
		border-color: var(--g-button--color-text-border);
		color: var(--g-button--color-text-text);
	}
	[data-g-mode=theme] .g-btn.text:not(.icon) .svg-icon {
		background-color: var(--g-button--color-text-text);
	}
	[data-g-mode=theme] .g-btn.text:hover {
		background-color: var(--g-button--color-text-fill-hover);
	}
	[data-g-mode=theme] .g-btn.text:active, [data-g-mode=theme] .g-btn.text:focus {
		background-color: var(--g-button--color-text-fill-pressed);
	}
	[data-g-mode=theme] .g-btn.text[disabled], [data-g-mode=theme] .g-btn.text.disabled {
		background-color: var(--g-button--color-text-fill-disabled);
		border-color: var(--g-button--color-text-border-disabled);
		color: var(--g-button--color-text-text-disabled);
	}
	[data-g-mode=theme] .g-btn.text[disabled]:not(.icon) .svg-icon, [data-g-mode=theme] .g-btn.text.disabled:not(.icon) .svg-icon {
		background-color: var(--g-button--color-text-text-disabled);
	}
	[data-g-mode=theme] .g-btn.text[disabled]:hover, [data-g-mode=theme] .g-btn.text.disabled:hover {
		background-color: var(--g-button--color-text-fill-disabled);
		border-color: var(--g-button--color-text-border-disabled);
		color: var(--g-button--color-text-text-disabled);
	}
	[data-g-mode=theme] .g-btn.link {
		background-color: var(--g-button--color-link-fill);
		border-color: var(--g-button--color-link-border);
		color: var(--g-button--color-link-text);
	}
	[data-g-mode=theme] .g-btn.link:not(.icon) .svg-icon {
		background-color: var(--g-button--color-link-text);
	}
	[data-g-mode=theme] .g-btn.link:hover {
		background-color: var(--g-button--color-link-fill-hover);
	}
	[data-g-mode=theme] .g-btn.link:active, [data-g-mode=theme] .g-btn.link:focus {
		background-color: var(--g-button--color-link-fill-pressed);
	}
	[data-g-mode=theme] .g-btn.link[disabled], [data-g-mode=theme] .g-btn.link.disabled {
		background-color: var(--g-button--color-link-fill-disabled);
		border-color: var(--g-button--color-link-border-disabled);
		color: var(--g-button--color-link-text-disabled);
	}
	[data-g-mode=theme] .g-btn.link[disabled]:not(.icon) .svg-icon, [data-g-mode=theme] .g-btn.link.disabled:not(.icon) .svg-icon {
		background-color: var(--g-button--color-link-text-disabled);
	}
	[data-g-mode=theme] .g-btn.link[disabled]:hover, [data-g-mode=theme] .g-btn.link.disabled:hover {
		background-color: var(--g-button--color-link-fill-disabled);
		border-color: var(--g-button--color-link-border-disabled);
		color: var(--g-button--color-link-text-disabled);
	}
	[data-g-mode=theme] .g-btn.text.ico-filter .num {
		color: var(--g-high-contrast-color-text-basic-inverse);
		background-color: var(--g-high-contrast-color-element-primary);
	}
	[data-g-mode=theme] .g-btn.link.basic {
		color: var(--g-high-contrast-color-text-basic);
	}
	[data-g-mode=theme] .g-btn.link.basic:not(.icon) .svg-icon {
		background-color: var(--g-high-contrast-color-text-basic);
	}
	[data-g-mode=theme] .g-btn.link:hover {
		color: var(--g-high-contrast-color-link-hover);
	}
	[data-g-mode=theme] .g-btn.link:hover:not(.icon) .svg-icon {
		background-color: var(--g-high-contrast-color-link-hover);
	}
	[data-g-mode=theme] .g-btn.link:active, [data-g-mode=theme] .g-btn.link:focus {
		color: var(--g-high-contrast-color-link-pressed);
	}
	[data-g-mode=theme] .g-btn.link:active:not(.icon) .svg-icon, [data-g-mode=theme] .g-btn.link:focus:not(.icon) .svg-icon {
		background-color: var(--g-high-contrast-color-link-pressed);
	}
	[data-g-mode=theme] .g-btn.link:visited {
		color: var(--g-high-contrast-color-link-visited);
	}
	[data-g-mode=theme] .g-btn.link:visited:not(.icon) .svg-icon {
		background-color: var(--g-high-contrast-color-link-visited);
	}
	[data-g-mode=theme] .g-btn.icon {
		background-color: transparent;
		border-color: var(--g-high-contrast-color-border-transparency);
	}
	[data-g-mode=theme] .g-btn.icon .svg-icon {
		background-color: var(--g-high-contrast-color-text-basic);
	}
	[data-g-mode=theme] .g-btn.icon.border {
		background-color: var(--g-high-contrast-color-background-white);
		border-color: var(--g-high-contrast-color-border-gray);
	}
	[data-g-mode=theme] .g-btn.icon.border[disabled], [data-g-mode=theme] .g-btn.icon.border.disabled {
		background-color: var(--g-high-contrast-color-button-disabled-fill);
	}
}

/* 문서 박스 */

/* **** 페이지 하단 버튼 **** */
.page-btn-wrap {
	z-index:10;
	display:flex;
	justify-content:flex-end;
	gap:var(--g-gap-5);
	margin-top:var(--g-gap-9);
}
.page-btn-wrap.both{justify-content:space-between;}
.page-btn-wrap.both .btn-wrap{
	display:flex;
	align-items:center;
	gap:var(--g-gap-5);
	width:auto;
}

/* g-drop-wrap */
.g-drop-wrap {
	--g-dropdown--menu-radius: var(--g-radius-medium4);
	--g-dropdown--menu-padding: var(--g-padding-3);
	--g-dropdown--menu-margin-top: var(--g-padding-6);
	--g-dropdown--menu-gap: var(--g-gap-3);
	--g-dropdown--list-item-radius: var(--g-radius-medium2);
	--g-dropdown--list-item-height: var(--g-size-height-7);
	--g-dropdown--list-item-pc-font-size: var(--g-pc-font-size-navigation-depth-medium);
	--g-dropdown--list-item-mobile-font-size: var(--g-mobile-font-size-navigation-depth-medium);
	--g-dropdown--menu-color-border: var(--g-light-color-border-gray-light);
	--g-dropdown--menu-color-surface: var(--g-light-color-surface-white-subtler);
	--g-dropdown--menu-color-alpha-shadow: 0 0 0.2rem 0 var(--g-light-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--g-light-color-alpha-shadow2);
	--g-dropdown--list-item-color-action-hover: var(--g-light-color-action-secondary-hover);
	--g-dropdown--list-item-color-action-pressed: var(--g-light-color-action-secondary-pressed);
	--g-dropdown--list-item-color-action-selected: var(--g-light-color-action-secondary-selected);
	--g-dropdown--list-item-color-text-selected: var(--g-light-color-text-secondary);
	display: inline-flex;
	position: relative;
}
.g-drop-wrap.on .drop-menu{display:block;}
.g-drop-wrap .drop-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	z-index: 6;
	min-width: 13rem;
	border-radius: var(--g-dropdown--menu-radius);
	padding: var(--g-dropdown--menu-padding);
	margin-top: var(--g-dropdown--menu-margin-top);
	background-color: var(--g-dropdown--menu-color-surface);
	border: 0.1rem solid var(--g-dropdown--menu-color-border);
	box-shadow: var(--g-dropdown--menu-color-alpha-shadow);
	transform: translateX(-50%);
}
.g-drop-wrap .drop-menu::before {
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	bottom: 100%;
	left: 50%;
	display: block;
	margin-bottom: -0.5rem;
	margin-left: -0.6rem;
	transform: rotate(-135deg);
	background-color: var(--g-dropdown--menu-color-surface);
	border: 0.1rem solid var(--g-dropdown--menu-color-border);
	border-top-color: transparent;
	border-left-color: transparent;
}
.g-drop-wrap .drop-menu .drop-in {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-dropdown--menu-gap);
	position: relative;
	z-index: 1;
}
.g-drop-wrap .drop-menu .drop-top {
	width: 100%;
	padding: var(--g-padding-3) var(--g-padding-6);
	border-bottom: 0.1rem solid var(--g-dropdown--menu-color-border);
}
.g-drop-wrap .drop-menu .drop-bottom {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	padding: var(--g-padding-3) 0;
	border-top: 0.1rem solid var(--g-dropdown--menu-color-border);
}
.g-drop-wrap .drop-menu .drop-list {
	width: 100%;
}
.g-drop-wrap .drop-menu .drop-list .item-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	width: 100%;
	gap: var(--g-gap-3);
	padding: 0 var(--g-padding-6);
	font-size: var(--g-dropdown--list-item-pc-font-size);
	border-radius: var(--g-dropdown--list-item-radius);
	height: var(--g-dropdown--list-item-height);
	background-color: var(--g-dropdown--menu-color-surface);
}
@media screen and (max-width: 767px) {
	.g-drop-wrap .drop-menu .drop-list .item-link {
		font-size: var(--g-dropdown--list-item-mobile-font-size);
	}
}
.g-drop-wrap .drop-menu .drop-list .item-link .ico-go {
	display: inline-flex;
	width: var(--g-icon--size-medium);
	height: var(--g-icon--size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
}
.g-drop-wrap .drop-menu .drop-list .item-link:hover {
	background-color: var(--g-dropdown--list-item-color-action-hover);
}
.g-drop-wrap .drop-menu .drop-list .item-link:active {
	background-color: var(--g-dropdown--list-item-color-action-pressed);
}
.g-drop-wrap .drop-menu .drop-list .item-link.active {
	font-weight: var(--g-font-weight-bold);
	color: var(--g-dropdown--list-item-color-text-selected);
	background-color: var(--g-dropdown--list-item-color-action-selected);
}
.g-drop-wrap.drop-left .drop-menu {
	left: 0;
	right: unset;
	transform: none;
}
.g-drop-wrap.drop-left .drop-menu::before {
	left: 2.4rem;
	margin-left: 0;
}
.g-drop-wrap.drop-right .drop-menu {
	left: unset;
	right: 0;
	transform: none;
}
.g-drop-wrap.drop-right .drop-menu::before {
	left: unset;
	right: 2.4rem;
}

[data-g-mode=high-contrast] {
	/* g-drop-wrap */
}
[data-g-mode=high-contrast] .g-drop-wrap {
	--g-dropdown--menu-color-border: var(--g-high-contrast-color-border-gray-light);
	--g-dropdown--menu-color-surface: var(--g-high-contrast-color-surface-white-subtler);
	--g-dropdown--menu-color-alpha-shadow: 0 0 0.2rem 0 var(--g-high-contrast-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--g-high-contrast-color-alpha-shadow2);
	--g-dropdown--list-item-color-action-hover: var(--g-high-contrast-color-action-secondary-hover);
	--g-dropdown--list-item-color-action-pressed: var(--g-high-contrast-color-action-secondary-pressed);
	--g-dropdown--list-item-color-action-selected: var(--g-high-contrast-color-action-secondary-selected);
	--g-dropdown--list-item-color-text-selected: var(--g-high-contrast-color-text-secondary);
}
[data-g-mode=high-contrast] .g-drop-wrap .drop-list .item-link .ico-go {
	display: inline-flex;
	width: var(--g-icon--size-medium);
	height: var(--g-icon--size-medium);
	background-color: var(--g-high-contrast-color-text-basic);
	forced-color-adjust: none;
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] {
		/* g-drop-wrap */
	}
	[data-g-mode=theme] .g-drop-wrap {
		--g-dropdown--menu-color-border: var(--g-high-contrast-color-border-gray-light);
		--g-dropdown--menu-color-surface: var(--g-high-contrast-color-surface-white-subtler);
		--g-dropdown--menu-color-alpha-shadow: 0 0 0.2rem 0 var(--g-high-contrast-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--g-high-contrast-color-alpha-shadow2);
		--g-dropdown--list-item-color-action-hover: var(--g-high-contrast-color-action-secondary-hover);
		--g-dropdown--list-item-color-action-pressed: var(--g-high-contrast-color-action-secondary-pressed);
		--g-dropdown--list-item-color-action-selected: var(--g-high-contrast-color-action-secondary-selected);
		--g-dropdown--list-item-color-text-selected: var(--g-high-contrast-color-text-secondary);
	}
	[data-g-mode=theme] .g-drop-wrap .drop-list .item-link .ico-go {
		display: inline-flex;
		width: var(--g-icon--size-medium);
		height: var(--g-icon--size-medium);
		background-color: var(--g-high-contrast-color-text-basic);
		forced-color-adjust: none;
	}
}

/*** 모달 ***/
.g-modal {
	--g-modal--size-large: 76rem;
	--g-modal--size-medium: 56rem;
	--g-modal--size-small: 40rem;
	--g-modal--size-min-height: 26.4rem;
	--g-modal--wrap-radius: var(--g-radius-xlarge1);
	--g-modal--padding: var(--g-padding-10);
	--g-modal--header-padding-top: var(--g-number-17);
	--g-modal--header-pc-font-size: var(--g-pc-font-size-heading-medium);
	--g-modal--header-mobile-font-size: var(--g-mobile-font-size-heading-medium);
	--g-modal--conts-padding-top: var(--g-padding-6);
	--g-modal--conts-padding-bottom: var(--g-padding-3);
	--g-modal--conts-gap: var(--g-gap-5);
	--g-modal--btn-gap: var(--g-gap-3);
	--g-modal--btn-padding-top: var(--g-padding-6);
	--g-modal--btn-size-min-wdith: 7.8rem;
	--g-modal--btn-close-position: var(--g-gap-7);
	--g-modal--mobile-gap: var(--g-gap-7);
	--g-modal--mobile-width: calc(100% - var(--g-gap-7));
	--g-modal--mobile-height: calc(100% - var(--g-modal--mobile-gap) * 2);
	--g-modal--mobile-padding: var(--g-padding-8);
	--g-modal--mobile-header-padding-top: 5.2rem;
	--g-modal--mobile-btn-close-position: var(--g-gap-6);
	--g-modal--mobile-btn-padding-top: var(--g-padding-6);
	--g-modal--mobile-btn-padding-bottom: var(--g-padding-8);
	--g-modal--border-width: var(--g-light-border-width-variable-regular);
	--g-modal--color-text: var(--g-light-color-text-basic);
	--g-modal--wrap-color-surface: var(--g-light-color-surface-white-subtler);
	--g-modal--wrap-color-border: var(--g-light-color-border-gray);
	--g-modal--wrap-shadow: 0 0 0.2rem 0 var(--g-light-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--g-light-color-alpha-shadow3);
	--g-modal--color-dim: var(--g-light-color-background-dim);
	--g-modal--full-popup-surface: var(--g-light-color-surface-secondary-subtler);
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	visibility: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s;
	font-size: var(--g-pc-font-size-body-medium);
	font-style: normal;
	font-weight: var(--g-font-weight-regular);
	line-height: var(--g-line-height-base);
	text-align: left;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	white-space: normal;
	word-spacing: normal;
	line-break: auto;
}
@media screen and (max-width: 767px) {
	.g-modal {
		font-size: var(--g-mobile-font-size-body-medium);
	}
}
.g-modal > * {
	width: 100%;
}
.g-modal.in {
	z-index: 1010;
	transition-delay: 0s;
	opacity: 1;
	visibility: visible;
}
.g-modal.shown {
	display: block;
}
.g-modal .modal-back {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	z-index: -1;
	background-color: var(--g-modal--color-dim);
}
.g-modal .modal-back.in {
	display: block;
	z-index: 1000;
	visibility: visible;
}
.g-modal .modal-dialog {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
	z-index: 1020;
	width: var(--g-modal--size-large);
	height: 100%;
	min-height: var(--g-modal--size-min-height);
	margin: 0 auto;
}
.g-modal .modal-dialog.modal-sm {
	max-width: var(--g-modal--size-small);
}
.g-modal .modal-dialog.modal-md {
	max-width: var(--g-modal--size-medium);
}
.g-modal .modal-dialog.modal-lg {
	max-width: var(--g-modal--size-large);
}
.g-modal .modal-dialog .modal-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	width: 100%;
	max-height: min(50rem,80%);
	background-color: var(--g-modal--wrap-color-surface);
	border-radius: var(--g-modal--wrap-radius);
	border: var(--g-modal--border-width) solid var(--g-modal--wrap-color-border);
	color: var(--g-modal--color-text);
	outline-color: transparent;
	transition: outline-color 0.1s;
	box-shadow: var(--g-modal--wrap-shadow);
}
.g-modal .modal-dialog .modal-content > *:not(.btn-close) {
	width: 100%;
}
.g-modal .modal-dialog .modal-content:focus {
	box-shadow: var(--g-box-shadow-outline-inset);
	outline-offset: 0.4rem;
}
.g-modal .modal-dialog .modal-header {
	width: 100%;
	background-color: inherit;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	padding-top: var(--g-modal--header-padding-top);
	padding-inline: var(--g-modal--padding);
}
.g-modal .modal-dialog .modal-header .modal-title {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: var(--g-modal--header-pc-font-size);
	font-weight: var(--g-font-weight-bold);
}
.g-modal .modal-dialog .modal-conts {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	overflow-y: auto;
	width: 100%;
	padding: var(--g-modal--conts-padding-top) var(--g-modal--padding) var(--g-modal--conts-padding-bottom);
}
.g-modal .modal-dialog .modal-conts::-webkit-scrollbar {
	width: 0.8rem;
}
.g-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
	background-color: var(--g-light-color-element-secondary-light);
	border-radius: 0.8rem;
}
.g-modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
	background-color: var(--g-light-color-element-secondary-lighter);
}
.g-modal .modal-dialog .modal-conts > * {
	width: 100%;
}
.g-modal .modal-dialog .modal-conts .conts-area {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--g-modal--conts-gap);
}
.g-modal .modal-dialog .modal-conts .conts-area > * {
	width: 100%;
}
.g-modal .modal-dialog .modal-btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	gap: var(--g-modal--btn-gap);
	padding: var(--g-modal--btn-padding-top) var(--g-modal--padding) var(--g-modal--padding);
}
.g-modal .modal-dialog .modal-btn .g-btn {
	min-width: var(--g-modal--btn-size-min-wdith);
}
.g-modal .modal-dialog .modal-btn.multi-conts {
	justify-content: space-between;
}
.g-modal .modal-dialog .btn-close {
	position: absolute;
	top: var(--g-modal--btn-close-position);
	right: var(--g-modal--btn-close-position);
	z-index: 901;
}
.g-modal[data-type=full] {
	background-color: var(--g-modal--full-popup-surface);
}
.g-modal[data-type=full] .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
.g-modal[data-type=full] .modal-header,
.g-modal[data-type=full] .modal-conts {
	padding: 0;
}
.g-modal[data-type=full] .modal-content {
	height: 100%;
	max-height: 100%;
	background: none;
	margin: 0 auto;
	border: none;
	border-radius: 0;
}
.g-modal[data-type=full] .modal-back.in {
	display: none;
}
.g-modal[data-type=bottom-sheet] {
	--g-modal--bottom-sheet-radius: var(--g-radius-xlarge1);
	--g-modal--bottom-sheet-padding: var(--g-padding-6);
	--g-modal--bottom-sheet-btn-close-position-top: var(--g-gap-6);
	--g-modal--bottom-sheet-btn-close-position-right: var(--g-gap-5);
	--g-modal--bottom-sheet-btn-padding-top: var(--g-padding-10);
}
.g-modal[data-type=bottom-sheet] .modal-content {
	position: fixed;
	left: 0;
	bottom: -100%;
	border-radius: 0;
	border-top-left-radius: var(--g-modal--bottom-sheet-radius);
	border-top-right-radius: var(--g-modal--bottom-sheet-radius);
	max-height: 90%;
	transition: var(--g-transition-base);
}
.g-modal[data-type=bottom-sheet] .modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: var(--g-modal--bottom-sheet-padding);
	flex-shrink: 0;
}
.g-modal[data-type=bottom-sheet] .modal-header .modal-title {
	font-size: var(--g-pc-font-size-heading-small);
}
.g-modal[data-type=bottom-sheet] .modal-conts {
	display: block;
	padding: 0 var(--g-modal--bottom-sheet-padding);
}
.g-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar {
	width: 0.8rem;
}
.g-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-thumb {
	background-color: var(--g-light-color-element-secondary-light);
	border-radius: 0.8rem;
}
.g-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-track {
	background-color: var(--g-light-color-element-secondary-lighter);
}
.g-modal[data-type=bottom-sheet] .btn-close {
	top: var(--g-modal--bottom-sheet-btn-close-position-top);
	right: var(--g-modal--bottom-sheet-btn-close-position-right);
}
.g-modal[data-type=bottom-sheet] .pop-filter-top {
	width: auto;
}
.g-modal[data-type=bottom-sheet] .modal-btn.btn-wrap {
	padding: var(--g-modal--bottom-sheet-btn-padding-top) var(--g-modal--bottom-sheet-padding) var(--g-modal--bottom-sheet-padding);
}
.g-modal[data-type=bottom-sheet] .modal-btn.btn-wrap .g-btn {
	flex: 1;
}
.g-modal[data-type=bottom-sheet].in .modal-content {
	bottom: 0;
}

/* mobile */
@media screen and (max-width: 767px) {
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog {
		width: var(--g-modal--mobile-width);
		height: var(--g-modal--mobile-height);
		min-height: var(--g-modal--mobile-height);
		margin: var(--g-modal--mobile-gap) auto;
	}
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header {
		padding: var(--g-modal--mobile-header-padding-top) var(--g-modal--mobile-padding) 0;
	}
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title {
		font-size: var(--g-modal--header-mobile-font-size);
	}
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content {
		/*max-height: 100%;*/
	}
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts {
		padding-inline: var(--g-modal--mobile-padding);
		padding-bottom: 0;
	}
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area > * {
		width: 100%;
	}
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-btn {
		padding: var(--g-modal--mobile-btn-padding-top) var(--g-modal--mobile-padding) var(--g-modal--mobile-btn-padding-bottom);
	}
	.g-modal:not([data-type=bottom-sheet]) .modal-dialog .btn-close {
		top: var(--g-modal--mobile-btn-close-position);
		right: var(--g-modal--mobile-btn-close-position);
	}
	.g-modal[data-type=full] {
		--g-modal--full-mobile-btn-close-size: var(--g-size-height-4);
	}
	.g-modal[data-type=full] .modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.g-modal[data-type=full] .modal-dialog .btn-close {
		width: var(--g-modal--full-mobile-btn-close-size);
		height: var(--g-modal--full-mobile-btn-close-size);
	}
}
[data-g-mode=high-contrast] .g-modal {
	--g-modal--border-width: var(--g-high-contrast-border-width-variable-regular);
	--g-modal--color-text: var(--g-high-contrast-color-text-basic);
	--g-modal--wrap-color-surface: var(--g-high-contrast-color-surface-white-subtler);
	--g-modal--wrap-color-border: var(--g-high-contrast-color-border-gray);
	--g-modal--wrap-shadow: 0 0 0.2rem 0 var(--g-high-contrast-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--g-high-contrast-color-alpha-shadow3);
	--g-modal--color-dim: var(--g-high-contrast-color-background-dim);
	--g-modal--full-popup-surface: var(--g-high-contrast-color-surface-secondary-subtler);
}
[data-g-mode=high-contrast] .g-modal .modal-dialog .modal-conts::-webkit-scrollbar {
	width: 0.8rem;
}
[data-g-mode=high-contrast] .g-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
	background-color: var(--g-high-contrast-color-element-secondary-light);
	border-radius: 0.8rem;
}
[data-g-mode=high-contrast] .g-modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
	background-color: var(--g-high-contrast-color-element-secondary-lighter);
}

@media screen and (prefers-color-scheme: dark) {
	[data-g-mode=theme] .g-modal {
		--g-modal--border-width: var(--g-high-contrast-border-width-variable-regular);
		--g-modal--color-text: var(--g-high-contrast-color-text-basic);
		--g-modal--wrap-color-surface: var(--g-high-contrast-color-surface-white-subtler);
		--g-modal--wrap-color-border: var(--g-high-contrast-color-border-gray);
		--g-modal--wrap-shadow: 0 0 0.2rem 0 var(--g-high-contrast-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--g-high-contrast-color-alpha-shadow3);
		--g-modal--color-dim: var(--g-high-contrast-color-background-dim);
		--g-modal--full-popup-surface: var(--g-high-contrast-color-surface-secondary-subtler);
	}
	[data-g-mode=theme] .g-modal .modal-dialog .modal-conts::-webkit-scrollbar {
		width: 0.8rem;
	}
	[data-g-mode=theme] .g-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
		background-color: var(--g-high-contrast-color-element-secondary-light);
		border-radius: 0.8rem;
	}
	[data-g-mode=theme] .g-modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
		background-color: var(--g-high-contrast-color-element-secondary-lighter);
	}
}

/* 첨부파일 */
.attFileWrap{display:flex; justify-content:space-between; align-items:center; gap:var(--g-gap-5); padding:var(--g-padding-3) var(--g-padding-4); border:1px solid var(--g-color-light-gray-40); border-radius:var(--g-radius-medium1);}
.attFileWrap ~ .attFileWrap{margin-top:var(--g-gap-4);}
.attFileWrap .filename{min-width:0; margin-right:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.attFileWrap .btn-wrap{display:inline-flex; align-items:center; gap:var(--g-gap-5);}
/* 첨부파일 아이콘 */
.button_file{display:inline-block; box-sizing:border-box; overflow:hidden; width:28px; height:28px; margin:.2rem; border:.1rem solid var(--g-color-light-gray-70); vertical-align:middle; text-align:center;}
.button_file img{vertical-align:middle;}

/* Pagination */
.pagination{margin:var(--g-pagination-margin-top) 0; font-size:0; text-align:center;}
.pagination .total{display:none;}
.normal_pagination{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-3);}
.mobile_pagination{display:none;}
.pagination :is(a,strong,span){display:inline-flex; justify-content:center; align-items:center; position:relative; box-sizing:border-box; min-width:var(--g-size-height-6); height:var(--g-size-height-6); background:var(--g-color-light-gray-0); font-size:var(--g-pc-font-size-body-medium); color:var(--g-light-color-text-subtle); text-decoration:none;}
.pagination strong{position:relative; z-index:10; border:none; background:var(--g-color-light-gray-90); color:var(--g-color-light-gray-0);}
.pagination a:hover{background:var(--g-color-light-gray-5);}
.pagination a:active{background:var(--g-color-light-gray-10);}
.pagination :is(.page_prev,.page_next){padding:0 var(--g-padding-3);}
.pagination .page_prev:before,
.pagination .page_next:after{content:''; display:inline-flex; width:var(--g-icon--size-medium); height:var(--g-icon--size-medium); background-color:var(--g-light-color-text-basic); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:center center; mask-size:contain; mask-image:url(../images/common/icon/ico_angle.svg); transform:rotate(90deg);}
.pagination :is(.page_next,.page_nextend):after{transform:rotate(-90deg);}

/* 페이지네이션 */
.g-pagination, .pagination {
	--g-pagination--color-text: var(--g-light-color-text-subtle);
	--g-pagination--color-text-active: var(--g-light-color-text-inverse-static);
	--g-pagination--color-text-disabled: var(--g-light-color-text-disabled);
	--g-pagination--color-action: var(--g-light-color-action-secondary);
	--g-pagination--color-action-hover: var(--g-light-color-action-secondary-hover);
	--g-pagination--color-action-pressed: var(--g-light-color-action-secondary-pressed);
	--g-pagination--color-action-active: var(--g-light-color-action-secondary-active);
	--g-pagination-gap: var(--g-gap-3);
	--g-pagination-margin-top: var(--g-pc-gap-layout-h1-h2);
	--g-pagination--size-height: var(--g-size-height-6);
	--g-pagination--radius: var(--g-radius-medium0);
	--g-pagination--prev-btn-padding-left: var(--g-padding-2);
	--g-pagination--prev-btn-padding-right: var(--g-padding-3);
}
@media screen and (max-width: 767px) {
	.g-pagination {
		--g-pagination-gap: var(--g-gap-6) var(--g-gap-3);
		--g-pagination-margin-top: var(--g-mobile-gap-layout-h1-h2);
	}
}
.g-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--g-pagination-gap);
	width: 100%;
	margin-top: var(--g-pagination-margin-top);
	color: var(--g-pagination--color-text);
}
.pagination-mobile{display:none;}
.g-pagination .page-navi,
.g-pagination .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: var(--g-pagination--size-height);
	background-color: var(--g-pagination--color-action);
	border-radius: var(--g-pagination--radius);
	transition: var(--g-transition-base);
}
.g-pagination .page-navi:hover,
.g-pagination .page-link:hover {
	background-color: var(--g-pagination--color-action-hover);
}
.g-pagination .page-navi:active,
.g-pagination .page-link:active {
	background-color: var(--g-pagination--color-action-pressed);
}
.g-pagination .page-navi.prev {
	order: 1;
	padding: 0 var(--g-pagination--prev-btn-padding-right) 0 var(--g-pagination--prev-btn-padding-left);
}
.g-pagination .page-navi.prev::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	display: inline-flex;
	width: var(--g-icon--size-medium);
	height: var(--g-icon--size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
	background-color: var(--g-pagination--color-text);
	transform: rotate(90deg);
}
.g-pagination .page-navi.next {
	order: 3;
	padding: 0 var(--g-pagination--prev-btn-padding-left) 0 var(--g-pagination--prev-btn-padding-right);
}
.g-pagination .page-navi.next::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	display: inline-flex;
	width: var(--g-icon--size-medium);
	height: var(--g-icon--size-medium);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_angle.svg);
	mask-image: url(../images/common/icon/ico_angle.svg);
	background-color: var(--g-pagination--color-text);
	transform: rotate(-90deg);
}
.g-pagination .page-navi.disabled {
	color: var(--g-pagination--color-text-disabled);
}
.g-pagination .page-navi.disabled:hover, .g-pagination .page-navi.disabled:active {
	background-color: var(--g-pagination--color-action-disabled);
}
.g-pagination .page-navi.disabled::before, .g-pagination .page-navi.disabled::after {
	background-color: var(--g-pagination--color-text-disabled);
}
.g-pagination .page-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	order: 2;
	gap: var(--g-gap-3);
}
.g-pagination .page-links .page-link {
	width: var(--g-pagination--size-height);
	height: var(--g-pagination--size-height);
}
.g-pagination .page-links .page-link.link-dot {
	display: inline-flex;
	width: var(--g-icon--size-large);
	height: var(--g-icon--size-large);
	background-color: var(--g-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/icon/ico_ellipsis.svg);
	mask-image: url(../images/common/icon/ico_ellipsis.svg);
}
.g-pagination .page-links .page-link.active {
	background-color: var(--g-pagination--color-action-active);
	font-weight: var(--g-font-weight-bold);
	color: var(--g-pagination--color-text-active);
}
.g-pagination + .helper-box {
	margin-top: var(--g-padding-10);
}
@media screen and (max-width: 767px) {
	.pagination-pc{display:none;}
	.pagination-mobile{display:flex;}
	.g-pagination {
		flex-wrap: wrap;
	}
	.g-pagination .page-links {
		width: 100%;
	}
	.g-pagination .page-navi.next {
		transition: none;
		order: 1;
	}
	.g-pagination + .helper-box {
		margin-top: var(--g-padding-9);
	}
}
/* 용어사전 더보기 */
@media screen and (min-width: 1564px) {
	table.fixed{table-layout:fixed;}
	.g-dick-area{display:flex; align-items:flex-start; gap:var(--g-gap-4);}
	.g-dick-area.overflow .dick-txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;}
	.g-dick-area .g-btn{flex-shrink:0;}
	.g-dick-area:not(.overflow) .g-btn{display:none;}
	.g-dick-area .dick-txt.expanded + .g-btn{display:block;}
}
@media screen and (max-width: 1563px) {
	.g-dick-area .g-btn{display:none;}
}

/**************************************************
	게시판
**************************************************/
/* Common */
.bbsIco{display:inline-block; position:relative; overflow:hidden; color:transparent; vertical-align:middle;}
.bbsIco.ntc{display: inline-block; width:28px; height:28px; border-radius:50%; background:var(--g-color-light-gray-90); font-weight:600; font-size:11px; line-height:20px; text-align:center;}
.bbsIco.ntc:after{content:'공'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:400; font-size:16px; line-height:28px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.new{width:20px; height:20px; margin: 0 3px; border-radius:50%; background:#ff782e;}
.bbsIco.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:20px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.re{width:25px; height:18px; margin: 0 3px; border-radius:10px; background:#555;}
.bbsIco.re:after{content:'Re'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:17px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.marking{width:10px; height: 14px;}
.bbsIco.marking:after{content: '*'; display: inline-block; position: absolute; top: 0; left: 0; line-height: 14px; font-weight:700; text-indent: 0; vertical-align: top; color:var(--g-light-color-text-point);}
.bbsIco.secret{width:1.8rem; height:1.8rem; margin-left:.5rem; background:url(../images/common/2025/ico_secret.png) no-repeat 0 0;}

/* 용어사전 */
.dick2-txt {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.dick2-txt.expanded {-webkit-line-clamp: unset; overflow: visible;}

/* 년도 달력 */
.yearpicker-container.YearPicker-dropdown.YearPicker-top-left {font-size: 16px;}

/* 공통 검색 */
.bbsSrch{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--g-gap-2) var(--g-padding-4); margin:0 0 var(--g-gap-10);}
.bbsSrch fieldset{flex:1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--g-gap-2) var(--g-padding-4); min-width:0;}
.bbsSrch :is(input,select,button,.button){margin:0; border-width:0 0 .2rem 0;}
.bbsSrch label{font-weight:var(--g-typo-font-weight-bold);}
.bbsSrch :is(.srch_date_wrap,.srch_word_wrap,.srch_label_wrap){display:inline-flex; align-items:center; gap:var(--g-gap-2);}
.bbsSrch .srch_date_wrap .label{font-weight:var(--g-typo-font-weight-bold);}
.bbsSrch .srch_word_wrap{gap:var(--g-gap-4);}
.bbsSrch .srch_word_wrap input{width:30rem;}
.bbsSrch .btn_filter{gap:var(--g-gap-2); border:0; background:transparent; text-decoration:underline !important;}
.bbsSrch .btn_filter:after{content:''; width:.8rem; height:.8rem; border:.2rem solid var(--g-color-light-gray-70); border-width:0 .2rem .2rem 0; transform:translateY(-50%) rotate(45deg);}
.bbsSrch .btn_filter.open:after{transform:rotate(225deg);}
.bbsSrch .btn_filter:hover{background:var(--g-color-light-gray-10);}
.bbsSrch .btn_filter:active{background:var(--g-color-light-gray-20);}
/*.bbsSrch:has(.btn_filter.open){margin-bottom:var(--g-padding-4);}*/
.bbsSrch.bbsFilter{display:none; gap:0;}
.bbsSrch:has(.btn_filter.open) + .bbsSrch.bbsFilter{display:flex;}
.bbsSrch .filter_lr{display:flex; width:100%;}
.bbsSrch .filter_lr .filter_l{display:flex; flex-direction:column; flex:1; gap:var(--g-gap-2);}
.bbsSrch .filter_lr .filter_r{display:flex; align-items:center; margin-left:var(--g-padding-4); padding-left:var(--g-padding-4); border-left:1px solid var(--g-light-color-border-gray-light);}
.bbsSrch .filter_form_wrap{display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-2) var(--g-padding-5);}
.bbsSrch .filter_form{display:flex; align-items:center; gap:var(--g-padding-3);}
.bbsSrch .filter_form .label{flex:0 0 auto; font-weight:var(--g-typo-font-weight-bold);}
.bbsSrch .filter_form > :is(input[type=text],select){min-width:17rem;}
.bbsSrch .filter_form .box_form{display:flex; flex-wrap:wrap; gap:1rem 0; padding:var(--g-padding-4) var(--g-padding-5); border:1px solid var(--g-color-light-gray-70); border-radius:var(--g-rd-8); background:var(--g-white);}
.bbsSrch .filter_form .box_form .inp_wrap{width:25%; margin:0;}
.bbsSrch .filter_form .box_form .inp_wrap label{font-weight:400; font-size:1.6rem;}
.bbsSrch .filter_chip{display:flex; flex:1; gap:1.2rem; margin-top:2rem; padding-top:var(--g-padding-5); border-top:1px solid var(--g-light-color-border-gray-light);}
.bbsSrch .filter_chip .label{flex:0 0 auto; font-weight:var(--g-typo-font-weight-bold);}
.bbsSrch .filter_chip .label em{color:var(--g-color-light-primary-60);}
.bbsSrch .filter_chip .box_chip{display:flex; flex-wrap:wrap; gap:var(--g-gap-2);}
.bbsSrch .filter_chip .chip_refresh{width:24px; height:24px; padding:0; overflow:hidden; background:#fff url(../images/common/ico_chip_refresh.png) no-repeat 50%; color:transparent !important;}
.bbsSrch .filter_chip .chip_del{cursor:auto;}
.bbsSrch .filter_chip .chip_del button{width:12px; height:12px; overflow:hidden; background:url(../images/common/ico_chip_del.png) no-repeat 50%; color:transparent;}
/* 공통 검색 리스트 상단 */
.srchListTop{display:flex; justify-content:space-between; align-items:center; gap:var(--g-padding-10); margin-bottom:var(--g-padding-10);}
.srchListTop :is(input,select,button,.button){margin:0;}
.srchListTop :is(label,.label){font-weight:var(--g-typo-font-weight-bold);}
.srchListTop .srch_info{flex:0 0 auto; font-weight:var(--g-typo-font-weight-bold); font-size:2.1rem;}
.srchListTop .srch_info em{color:var(--g-color-light-primary-60);}
.srchListTop .srch_sort{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:var(--g-padding-4);}
.srchListTop .srch_sort .sort{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:var(--g-gap-2);}
.srchListTop .srch_sort .sort .btn_align{padding:0 var(--g-padding-1); border-radius:var(--g-rd-4);}
.srchListTop .srch_sort .sort .btn_align:hover{background-color:var(--g-secondary-5);}
.srchListTop .srch_sort .sort .btn_align:active{background-color:var(--g-secondary-10);}
.srchListTop .srch_sort .sort .btn_align.active{text-decoration:underline;}
/* No Data */
.board_nodata{margin:var(--g-padding-10) 0; padding:var(--g-padding-5); background:var(--g-color-light-gray-5); text-align:center;}
.common-nodata-msg{text-align:center;}
.bbsTotal{margin:var(--g-gap-2) 0;}
/* 상단 버튼 영역 */
.tbl_top{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 0 var(--g-gap-2);}
.tbl_top .tbl_top_r{margin-left:auto;}
.tbl_top .bbs_total strong{color:var(--g-color-light-primary-60);}
.tbl_top .bbs_post_num{display:flex; align-items:center; gap:var(--g-gap-2);}
.tbl_top .bbs_post_num select{height:3.2rem;}

/* 게시판 상단 */
.bbs-top-box{display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--g-gap-7); margin-bottom:var(--g-gap-7); padding:var(--g-pc-padding-card-small); border:.1rem solid var(--g-light-color-border-gray-light); /*border-radius:var(--g-radius-large1);*/ background-color:var(--g-light-color-surface-gray-subtler);}
.bbs-top-box .conts-desc-wrap{display:flex; flex-direction:column; gap:var(--g-gap-5); width:100%; padding-top:var(--g-padding-8); border-top:.1rem dotted var(--g-light-color-border-gray);}
.bbs-top-box .check-list{display:flex; flex-direction:column; gap:var(--g-gap-5);}
.bbs-top-box .check-list > li{position:relative; font-size:var(--g-pc-font-size-body-large); color:var(--g-light-color-text-primary);}
@media screen and (max-width:767px){
	.bbs-top-box{gap:var(--g-gap-5); margin-bottom:var(--g-gap-5); padding:var(--g-mobile-padding-card-small);}
	.bbs-top-box .conts-desc-wrap{gap:var(--g-gap-3); width:100%; padding-top:var(--g-padding-5);}
	.bbs-top-box .check-list{gap:var(--g-gap-3);}
	.bbs-top-box .check-list > li{font-size:var(--g-mobile-font-size-body-large);}
}
/* List(Default) */
#bbsList{table-layout:fixed; border-collapse:separate; width:100%; margin:0 0 var(--g-padding-10); border:0; border-bottom: var(--table-border-width) solid var(--table-border-color);}
#bbsList thead:after{border-bottom:.2rem solid var(--table-th-border-color);}
#bbsList th{position:relative; border:0; border-top: .2rem solid var(--table-th-border-color); background-color: var(--table-th-background-color); font-weight:var(--g-typo-font-weight-bold); color: var(--table-th-color-text); text-align:center;}
#bbsList td{padding:var(--g-table--data-tbody-padding) var(--g-table--data-tbody-padding-sides); border:0; border-bottom:1px solid var(--table-th-border-color); text-align:center;}
#bbsList tr:last-child td{border-bottom:0;}
#bbsList a.button_file{display:inline-block; box-sizing:border-box; overflow:hidden; width:28px; height:28px; margin:.2rem; border:.1rem solid var(--g-color-light-gray-70); vertical-align:middle; text-align:center;}
#bbsList a.button_file img{vertical-align:middle;}
.bbs__dday{padding:var(--g-padding-2) var(--g-padding-4); background-color:var(--g-color-light-gray-90); color:#fff; white-space:nowrap;}
/* List(갤러리) */
#bbsPhoto{}
#bbsPhoto .lst{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--g-gap-6);}
#bbsPhoto .lst > li{position:relative; min-width:0;}
#bbsPhoto .lst > li.no_article{width:100%; padding:var(--g-padding-5) 0; background:var(--g-color-light-gray-5); font-size:1.9rem; text-align:center;}
#bbsPhoto .lst > li a{display:block; position:relative;}
#bbsPhoto .lst > li a .img{display:block; position:relative; overflow:hidden; aspect-ratio:16/9; border:1px solid var(--g-light-color-border-gray-light);}
#bbsPhoto .lst > li a .img img{width:100%; height:100%;}
#bbsPhoto .lst > li a .tit{display:block; overflow:hidden; margin:var(--g-gap-4) 0 0; font-weight:var(--g-typo-font-weight-bold); text-align:center; text-overflow:ellipsis; white-space:nowrap;}
#bbsPhoto .lst > li a .tit .ico{display:inline-block; position:relative; overflow:hidden; width:14px; height:14px; margin-left:5px; background-position:-30px -51px; color:transparent;}
#bbsPhoto .lst > li .info{display:flex; justify-content:space-between; align-items:center; gap:.5rem 2rem; margin:var(--g-gap-4) 0 0; padding:var(--g-padding-5) 0 0; border-top:1px solid var(--g-color-light-gray-30); font-size:1.4rem; color:#555;}
#bbsPhoto .lst > li .info .date{padding:0 0 0 2rem; background:url(../images/base/ico_g_date.png) no-repeat left 2px;}
#bbsPhoto .lst > li .info .view{padding:0 0 0 2.4rem; background:url(../images/base/ico_g_view.png) no-repeat left 4px;}
/* List(카드뉴스) */
#bbsPhoto2{}
#bbsPhoto2 .lst:after{content:''; display:block; clear:both;}
#bbsPhoto2 .lst li{float:left; position:relative; width:calc(25% - 2%); margin:0 0 3% 2.645%; padding:0;}
#bbsPhoto2 .lst > li.no_article{float:none; width:auto !important; height:auto; margin:0; padding:20px 0; border:0; background:#fafafa; font-size:1.2em; text-align:center;}
#bbsPhoto2 .lst li:nth-child(4n+1){clear:left; margin-left:0;}
#bbsPhoto2 .lst li a{display:block; font-size:1em;}
#bbsPhoto2 .lst > li a .img{display:block; position:relative; overflow:hidden; border-radius:10px;}
#bbsPhoto2 .lst > li a .img:before{content:''; display:block; padding-top:56.25%;}
#bbsPhoto2 .lst > li a .img:after{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; border:1px solid rgba(0,0,0,.1); border-radius:10px;}
#bbsPhoto2 .lst > li a .img img{position:absolute; top:0; left:0; width:100%; height:100%;}
#bbsPhoto2 .lst li .tit{display:block; overflow:hidden; text-overflow:ellipsis; padding:10px 0; font-weight:600; font-size:1.25em; letter-spacing:-1px; white-space:nowrap;}
#bbsPhoto2 .lst li .desc{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:46px; font-size:0.9375em; line-height:23px; letter-spacing:-1px;}
#bbsPhoto2 .lst li .date{display:block; margin:5px 0; font-size:0.875em; color:#1977b9;}

/* View */
#bbsView{position:relative; margin:0 0 var(--g-gap-10);}
.bbsView{position:relative; margin:0 0 var(--g-gap-10);}
#bbsView .form_group{display:flex; justify-content:center; flex-wrap:wrap; gap:var(--g-gap-2) var(--g-padding-4); position:relative;}
#bbsView .form_group:has(dl){padding:var(--g-padding-10) 0; border-bottom:.1rem solid var(--g-light-color-border-gray-darker);}
#bbsView .conTit2 + .form_group{border-top:.2rem solid var(--g-color-light-gray-70);}
#bbsView .form_group .fl{}
#bbsView .form_group .fr{margin-left:auto;}
#bbsView .form_group:has(.title){padding:0; border-bottom:0;}
#bbsView .form_group dl{display:flex;}
#bbsView .form_group dl dt{display:flex; align-items:center; position:relative; padding:0 var(--g-padding-4); font-weight:var(--g-typo-font-weight-bold); background:linear-gradient(var(--g-light-color-border-gray-light),var(--g-light-color-border-gray-light)) no-repeat 100% 50%/1px 15px;}
#bbsView .form_group dl dd{padding:0 var(--g-padding-4);}
#bbsView .form_group dl dd input,
#bbsView .form_group dl dd textarea,
#bbsView .form_group dl dd select,
#bbsView .form_group dl dd iframe{max-width:100%;}
#bbsView .form_group dl.title{width:100%;}
#bbsView .tit_feedback{padding:var(--g-padding-3) 0; font-size:2.5rem; line-height:1.4; border-top:2px solid var(--g-color-light-gray-70); border-bottom:1px solid var(--g-color-light-gray-70); box-shadow:0 4px var(--g-color-light-gray-10); text-align:center;}
#bbsView .form_group dl.title dt{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
#bbsView .form_group dl.title dd{display:block; float:none; width:100%; padding:var(--g-padding-6) 0 0; font-weight:700; font-size:3.6rem; line-height:1.2; text-align:center;}
#bbsView .form_group dl.title dd span{line-height:1.2;}
#bbsView .form_group:has(dl.content){border-bottom:0;}
#bbsView .form_group dl.content{width:100%;}
#bbsView .form_group dl.content dt{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
#bbsView .form_group dl.content dd{width:100%; padding:var(--g-padding-6) 0;}
#bbsView .form_group dl.content > dd{/* white-space:pre-line; */}/* 웹접근성 관련 에디터 제거시 */
#bbsView .form_group dl.content dd pre{white-space:pre-wrap;}
#bbsView .form_group dl.content dd .pre_wrap{/*white-space:pre-wrap;*/}
#bbsView .form_group dl.content dd .pre_wrap .file_p_w{float:none !important; width:auto !important; padding:0 !important; font-family:inherit !important; color:inherit !important;}
#bbsView .form_group dl.content dd img{max-width:100%; margin:var(--g-padding-3) 0;}
#bbsView .form_group dl.content dd video{display:block; max-width:100%; height:auto; margin:0 auto;}
#bbsView .form_group dl.content > dd p{margin:0;}
#bbsView .form_group dl.content dd .img_preview{text-align:center;}
#bbsView .form_group dl.content dd .img_preview.top{margin-bottom:var(--g-padding-3);}
#bbsView .form_group dl.content dd .img_preview.btm{margin-top:var(--g-padding-3);}
#bbsView .form_group:has(dl.attfile){padding-top:0;}
#bbsView .form_group dl.attfile{width:100%; border:1px solid var(--g-light-color-border-gray-light);}
#bbsView .form_group dl.attfile dt{padding:var(--g-padding-4) var(--g-padding-8); border-right:1px solid var(--g-light-color-border-gray-light); background:var(--g-light-color-surface-gray-subtler);}
#bbsView .form_group dl.attfile dd{flex:1; min-width:0; padding:var(--g-padding-4) var(--g-padding-10);}
#bbsView .form_group dl.attfile dd > div{padding:var(--g-padding-4); border-bottom:1px solid var(--g-light-color-border-gray-light);}
#bbsView .form_group dl.attfile dd > div:last-of-type{border-bottom:0;}
#bbsView .form_group dl.attfile .g-btn .ico-down-wrap{display:inline-block; width:2.6rem; height:2.6rem; padding:.4rem; border-radius:50%; background-color:var(--g-light-color-surface-inverse);}
#bbsView .form_group dl.attfile .g-btn .ico-down-wrap .ico-down{width:100%; height:100%; margin-bottom:0; background-color:#fff;}

/* View Common */
.bbsView__header .bbsView__title{display:block; float:none; width:100%; padding:var(--g-padding-6) 0 var(--g-padding-10); font-weight:700; font-size:3.6rem; line-height:1.2; text-align:center;}
.bbsView__header .bbsView__title span{line-height:1.2;}
.bbsView__group input,
.bbsView__group textarea,
.bbsView__group select,
.bbsView__group iframe{max-width:100%;}

/* ViewSkin-difault */
.bbsView--default .bbsView__meta{display:flex; justify-content:center; flex-wrap:wrap; gap:var(--g-gap-2) var(--g-padding-4); position:relative; padding:0 0 var(--g-padding-10);}
.bbsView--default .bbsView__meta .bbsView__row{display:flex;}
.bbsView--default .bbsView__meta .bbsView__row .bbsView__label{display:flex; align-items:center; position:relative; padding:0 var(--g-padding-4); font-weight:var(--g-typo-font-weight-bold); background:linear-gradient(var(--g-light-color-border-gray-light),var(--g-light-color-border-gray-light)) no-repeat 100% 50%/1px 15px;}
.bbsView--default .bbsView__meta .bbsView__row .bbsView__value{padding:0 var(--g-padding-4);}
.bbsView--default .bbsView__content{position:relative; padding:var(--g-padding-10) 0; border-top:.1rem solid var(--g-light-color-border-gray-darker); border-bottom:.1rem solid var(--g-light-color-border-gray-darker);}
.bbsView--default .bbsView__content .bbsView__row .bbsView__label{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value{/* white-space:pre-line; */}/* 웹접근성 관련 에디터 제거시 */
.bbsView--default .bbsView__content .bbsView__row .bbsView__value pre{white-space:pre-wrap;}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value .pre_wrap{/*white-space:pre-wrap;*/}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value .pre_wrap .file_p_w{float:none !important; width:auto !important; padding:0 !important; font-family:inherit !important; color:inherit !important;}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value img{max-width:100%; margin:var(--g-padding-3) 0;}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value video{display:block; max-width:100%; height:auto; margin:0 auto;}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value p{margin:0;}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value .img_preview{text-align:center;}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value .img_preview:not(:last-child){margin-bottom:var(--g-gap-10);}
.bbsView--default .bbsView__content .bbsView__row .bbsView__value .img_preview:last-child{margin-top:var(--g-gap-10);}
.bbsView--default .bbsView__group{position:relative; padding:0 0 var(--g-padding-10); border-bottom:.1rem solid var(--g-light-color-border-gray-darker);}
.bbsView--default .bbsView__attfile{display:flex; width:100%; margin-top:var(--g-padding-10); border:1px solid var(--g-light-color-border-gray-light);}
.bbsView--default .bbsView__attfile .bbsView__label{display:flex; justify-content:center; align-items:center; position:relative; min-width:0; padding:var(--g-padding-4) var(--g-padding-8); border-right:1px solid var(--g-light-color-border-gray-light); background:var(--g-light-color-surface-gray-subtler); font-weight:700;}
.bbsView--default .bbsView__attfile .bbsView__label span{min-width:0; line-height:1.2;}
.bbsView--default .bbsView__attfile .bbsView__value{flex:1; min-width:0; padding:var(--g-padding-4) var(--g-padding-10);}
.bbsView--default .bbsView__attfile .bbsView__value > div{padding:var(--g-padding-3) 0; border-bottom:1px solid var(--g-light-color-border-gray-light);}
.bbsView--default .bbsView__attfile .bbsView__value > div:last-of-type{border-bottom:0;}
.bbsView--default .bbsView__attfile .g-btn .ico-down-wrap{display:inline-block; width:2.6rem; height:2.6rem; padding:.4rem; border-radius:50%; background-color:var(--g-light-color-surface-inverse);}
.bbsView--default .bbsView__attfile .g-btn .ico-down-wrap .ico-down{width:100%; height:100%; margin-bottom:0; background-color:#fff;}
/* ViewSkin-feedback */
.bbsView--feedback .bbsView__group{border-top:.1rem solid var(--g-light-color-border-gray-darker); border-bottom:.1rem solid var(--g-light-color-border-gray-darker);}
.bbsView--feedback .bbsView__row{display:flex; position:relative;}
.bbsView--feedback .bbsView__row:not(:last-child){border-bottom:.1rem solid var(--g-light-color-border-gray-light);}
.bbsView--feedback .bbsView__row .bbsView__label{display:flex; justify-content:center; align-items:center; position:relative; width:19rem; min-width:0; padding:var(--g-padding-4) var(--g-padding-8); background:var(--g-light-color-surface-gray-subtler); font-weight:var(--g-typo-font-weight-bold); text-align:center;}
.bbsView--feedback .bbsView__row .bbsView__value{flex:1; min-width:0; padding:var(--g-padding-4) var(--g-padding-8);}
.bbsView--feedback .bbsView__row .bbsView__value input,
.bbsView--feedback .bbsView__row .bbsView__value textarea,
.bbsView--feedback .bbsView__row .bbsView__value select,
.bbsView--feedback .bbsView__row .bbsView__value iframe{max-width:100%;}
.bbsView--feedback .bbsView__row .bbsView__value--attfile > div{padding:var(--g-padding-3) 0; border-bottom:1px solid var(--g-light-color-border-gray-light);}
.bbsView--feedback .bbsView__row .bbsView__value--attfile > div:last-of-type{border-bottom:0;}
.bbsView--feedback .bbsView__row .bbsView__value--attfile .g-btn .ico-down-wrap{display:inline-block; width:2.6rem; height:2.6rem; padding:.4rem; border-radius:50%; background-color:var(--g-light-color-surface-inverse);}
.bbsView--feedback .bbsView__row .bbsView__value--attfile .g-btn .ico-down-wrap .ico-down{width:100%; height:100%; margin-bottom:0; background-color:#fff;}
.bbsView--feedback .bbsView__reply{margin-top:var(--g-gap-12);}
.bbsView--feedback .bbsView__reply-header{margin-bottom:var(--g-gap-8);}
.bbsView--feedback .bbsView__reply-title{font-size:3.2rem;}
.bbsView--feedback .bbsView__reply-title span{line-height:1.2;}

/*  */
/* 폼그룹 공통 */
.form_group_wrap{display:flex; flex-direction:column; gap:var(--g-gap-2);}
.form_group_wrap .form_group{display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-2);}
.form_group_wrap .form_group :is(input,select,.button){margin:0;}
.form_group_wrap .form_group .button{flex:0 0 auto;}
/* View(동영상,카드뉴스) */
#bbsView2{margin:0 0 var(--g-padding-10);}
#bbsView2 .bbsViewHead{padding:var(--g-padding-6) 0; border-top:1px solid var(--g-color-light-gray-70); border-bottom:1px solid var(--g-light-color-border-gray-light); text-align:center;}
#bbsView2 .bbsViewHead .title{font-size:2.5rem;}
#bbsView2 .bbsViewHead .date{margin:var(--g-padding-3) 0 0;  color:var(--g-color-light-primary-60);}
#bbsView2 .bbsViewBody{padding:var(--g-padding-8) 0; line-height:1.6;}
#bbsView2 .bbsViewBody video{display:block; width:100%;}
#bbsView2 .bbsViewBody .video_caption{overflow:auto; height:16rem; margin-top:var(--g-padding-3); padding:var(--g-padding-3); border:1px solid var(--g-light-color-border-gray-light);}
#bbsView2 .bbsViewBody .video_caption.open{height:auto;}
#bbsView2 .bbsViewBody .video_info{padding:var(--g-gap-2) var(--g-padding-4); border:1px solid var(--g-light-color-border-gray-light); border-top:0; text-align:right;}
.cardzone_lst_wrap{padding:var(--g-padding-8); background:var(--g-color-light-gray-10);}
.cardzone_lst_wrap h2{font-size:1.5em; text-align:center;}
.cardzone_lst_wrap .bbsTotal{margin:var(--g-padding-3) 0;}
/* 비디오 공통 */
.bbs_video{margin:10px 0;}
.bbs_video .video_area{position:relative; aspect-ratio:16/9;}
.bbs_video .video_area video{display:block; width:100%; height:100%;}
.bbs_video .video_caption{padding:var(--g-padding-4); border:1px solid var(--g-light-color-border-gray-light); border-top:0; background:var(--g-color-light-gray-5);}
.bbs_video .video_caption .caption_area{overflow:hidden; overflow-y:auto; height:11rem; min-height:11rem; padding:var(--g-padding-4); border:1px solid var(--g-light-color-border-gray-light); background:var(--g-white);}
.bbs_video .video_caption.open .caption_area{height:auto;}
.bbs_video .video_caption .btn_area{overflow:hidden;}
.bbs_video .video_caption .btn_area .btn_caption{display:flex; justify-content:center; align-items:center; float:right; width:16.9rem; height:4rem; margin:-1px var(--g-padding-4) 0 0; background:url(../images/common/bg_caption_btn.png) no-repeat 0 0; font-size:1.5rem;}
.bbs_video .video_caption .btn_area .btn_caption:after{content:''; width:13px; height:14px; background:url(../images/common/ico_caption_btn.png) no-repeat 0 0; transform:scaleY(-1);}
.bbs_video .video_caption.open .btn_area .btn_caption:after{transform:none;}
.bbs_video .video_caption .btn_area .btn_caption span{position:relative; margin:0 var(--g-padding-3) 0 0; padding:0 var(--g-padding-3) 0 0;}
.bbs_video .video_caption .btn_area .btn_caption span:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; height:12px; margin:auto 0; border-right:1px solid var(--g-light-color-border-gray-light);}
/* 댓글 공통 */
.cmmt_wrap{padding:var(--g-padding-8); border:1px solid var(--g-light-color-border-gray-light); border-radius:var(--g-rd-12);}
.cmmt_wrap .cmmt_top{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:var(--g-padding-8);}
.cmmt_wrap .cmmt_top .cmmt_num{font-weight:var(--g-typo-font-weight-bold); font-size:2.4rem; color:#f24407;}
.cmmt_wrap .cmmt_top .cmmt_login{display:flex; align-items:center; font-size:1.6rem; line-height:1.2;}
.cmmt_wrap .cmmt_top .cmmt_login:before{content:''; flex:0 0 auto; width:20px; height:18px; margin:0 5px 0 0; background:url(../images/common/ico_cmmt_login.png) no-repeat 0 0;}
.cmmt_wrap .cmmt_top .cmmt_login em{text-decoration:underline;}
.cmmt_wrap .cmmt_top .cmmt_login .btn_cmmt_login{margin:0 0 0 10px; padding:3px 5px; border-radius:3px; background:#212121; font-size:15px; color:var(--g-white);}
.cmmt_wrap .cmmt_textarea{display:flex; padding:25px 30px; border-radius:5px; background:#f4f4f4;}
.cmmt_wrap .cmmt_textarea .textarea{flex:1; overflow:hidden; height:100px; border:1px solid var(--g-light-color-border-gray-light); border-radius:3px; background:var(--g-white);}
.cmmt_wrap .cmmt_textarea .textarea textarea{width:100%; height:100%; border:0;}
.cmmt_wrap .cmmt_textarea .btn_cmmt{width:100px; height:100px; margin-left:5px; border-radius:3px; background:#1167ae; font-size:18px; color:var(--g-white);}
.cmmt_wrap .cmmt_area .item{padding:24px 30px; border-top:1px solid #dcdcdc;}
.cmmt_wrap .cmmt_area .item:first-child{margin-top:30px;}
.cmmt_wrap .cmmt_area .item:last-of-type{border-bottom:1px solid #dcdcdc;}
.cmmt_wrap .cmmt_area .item .item_head{display:flex; flex-wrap:wrap; align-items:center;}
.cmmt_wrap .cmmt_area .item .item_head .name{margin-right:5px; font-size:1.6rem;}
.cmmt_wrap .cmmt_area .item .item_head .date{margin-right:5px; font-size:14px; color:#777;}
.cmmt_wrap .cmmt_area .item .item_cmmt{margin-top:15px;}
.cmmt_wrap .cmmt_area .item .cmmt_edit{display:flex; position:relative; margin-top:10px; padding:10px; background:#f4f4f4;}
.cmmt_wrap .cmmt_area .item .cmmt_edit textarea{flex:1; height:60px; margin:0; border:1px solid var(--g-light-color-border-gray-light); border-right:0;}
.cmmt_wrap .cmmt_area .item .cmmt_edit .btn_edit{flex:0 0 auto; width:60px; height:60px; background:#1167ae; color:var(--g-white);}
.cmmt_wrap .cmmt_area .btn_cmmt_more{display:flex; justify-content:center; align-items:center; width:100%; padding:10px 0; background:none;}
.cmmt_wrap .cmmt_area .btn_cmmt_more:after{content:''; width:8px; height:8px; margin:-5px 0 0 8px; border:1px solid #888; border-width:0 1px 1px 0; transform:rotate(45deg);}

/* 버튼 그룹 */
:is(.bbsViewBtm,.button_wrap){display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--g-gap-2) var(--g-padding-4); margin:var(--g-pc-gap-layout-h1-h2) 0;}
:is(.bbsViewBtm,.button_wrap) :is(.left,.right){display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-2) var(--g-padding-4);}
:is(.bbsViewBtm,.button_wrap) .left{margin-right:auto;}
:is(.bbsViewBtm,.button_wrap) .right{justify-content:flex-end; margin-left:auto;}
:is(.bbsViewBtm,.button_wrap) .button{margin:0;}
/* 이전,다음글 */
.bbsViewNav:has(dl){display:flex; align-items:center; justify-content:space-between; gap:var(--g-gap-6); position:relative; margin:var(--g-gap-10) 0; padding:var(--g-padding-4) 0; border-top:.1rem solid var(--g-light-color-border-gray-darker); border-bottom:.1rem solid var(--g-light-color-border-gray-darker);}
.bbsViewNav dl{display:flex; align-items:center; gap:var(--g-gap-4); flex:1; min-width:0;}
.bbsViewNav dl.next{flex-direction:row-reverse;}
.bbsViewNav dl dt{display:flex; align-items:center; gap:var(--g-gap-5); flex-shrink:0; position:relative; min-width:0; font-weight:var(--g-typo-font-weight-bold);}
.bbsViewNav dl.next dt{flex-direction:row-reverse;}
.bbsViewNav dl.next dt:after{left:auto; right:0; transform:scaleX(1);}
.bbsViewNav dl.next dt span{padding:0 0 0 var(--g-padding-4);}
.bbsViewNav dl.next dt span:after{left:0; right:auto;}
.bbsViewNav dl dt:before{content:''; flex-shrink:0; width:4.8rem; height:4.8rem; border-radius:50%; background-color:var(--g-light-color-surface-gray-subtle);}
.bbsViewNav dl dt:after{content:''; position:absolute; top:0; left:0; width:4.8rem; height:4.8rem; padding:var(--g-padding-3); mask:url(../images/common/icon/ico_more.svg) no-repeat 50% 50%/contain; mask-origin:content-box; mask-clip:content-box; background-color:var(--g-light-color-text-basic); transform:scaleX(-1);}
.bbsViewNav dl dt span{position:relative; min-width:0; padding-right:var(--g-padding-4);}
.bbsViewNav dl dt span:after{content:''; flex-shrink:0; position:absolute; top:.5rem; right:0; height:1.4rem; border-right:1px solid var(--g-light-color-border-gray);}
.bbsViewNav dl dd{min-width:0;}
.bbsViewNav dl dd a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsViewNav dl.next dd a{text-align:right;}

/* Wirte/Modify */
#bbsWrite{position:relative; margin:0 0 var(--g-padding-10); /*border-left:.1rem solid var(--g-light-color-border-gray-light); border-right:.1rem solid var(--g-light-color-border-gray-light);*/}
#bbsWrite:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:1px solid var(--g-light-color-border-gray-darker);}
#bbsWrite:after{content:''; display:block; position:absolute; bottom:0; left:0; right:0; z-index:10; border-bottom:1px solid var(--g-light-color-border-gray-darker);}
#bbsWrite .form_group{display:flex; flex-wrap:wrap; position:relative; border-bottom:.1rem solid var(--g-light-color-border-gray-light);}
#bbsWrite .form_group dl{display:flex; flex:1; min-width:0;}
#bbsWrite .form_group dl dt{display:flex; justify-content:center; align-items:center; position:relative; padding:var(--g-padding-1) var(--g-padding-4); width:19rem; border-right:.1rem solid var(--g-light-color-border-gray-light); background:var(--g-light-color-surface-gray-subtler); font-weight:var(--g-typo-font-weight-bold); text-align:center;}
#bbsWrite .form_group dl dd{flex:1; min-width:0; padding:var(--g-padding-4) var(--g-padding-4);}
#bbsWrite .form_group dl dd textarea{width:100%; height:20rem;}
#bbsWrite .form_group dl.title dd{display:flex; align-items:center; gap:var(--g-gap-4);}
#bbsWrite .form_group dl.title dd .inp_tit{flex:1;}
#bbsWrite .form_group dl.title dd .inp_tit input{width:100%;}
#bbsWrite .form_group dl.title dd .tit_ntc{display:flex; align-items:center; gap:var(--g-padding-1);}
#bbsWrite .form_group dl.title dd .tit_ntc input{margin:0 !important;}
#bbsWrite .form_group input{max-width:100%;}
#bbsWrite .form_group .attfile-list{display:flex; align-items:center; gap:var(--g-gap-2);}
#bbsWrite .form_group .attfile-list + .attfile-list{margin-top:var(--g-gap-4);}


/* 동의하기 폼 공통 */
.form_agree_wrap{}
.form_agree_wrap .fa_tit{margin-bottom:var(--g-padding-6); font-size:1.9rem;}
.form_agree_wrap .fa_box{border:1px solid var(--g-light-color-border-gray-light);}
.form_agree_wrap .fa_box .fa_textarea{overflow:hidden; overflow-y:auto; height:348px; padding:var(--g-padding-5); background:var(--g-color-light-gray-5);}
.form_agree_wrap .fa_chk_area{display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--g-padding-4) var(--g-padding-6); padding:var(--g-padding-6); border-top:1px solid var(--g-light-color-border-gray-light);}
.form_agree_wrap .fa_chk_area .txt{margin:0; font-size:1.7rem;}


/* 개인정보 수집.이용에 대한 동의 */
.g-terms-agree{margin-bottom:var(--g-pc-gap-layout-h2-h3); padding:var(--g-pc-padding-card-large); background-color:var(--g-light-color-surface-secondary-subtler);}
.g-terms-agree .terms-title{margin-bottom:var(--g-pc-gap-layout-title-body-small); font-size:var(--g-pc-font-size-heading-medium);}
.g-terms-agree .terms-box{padding:var(--g-pc-padding-card-small); border:.1rem solid var(--g-light-color-border-gray-light); border-radius:var(--g-radius-xlarge2); background-color:#fff;}
.g-terms-agree .terms-box strong{color:var(--g-light-color-text-secondary);}
.g-terms-agree .terms-agree{margin-top:var(--g-pc-gap-layout-text-text-medium); padding:var(--g-pc-padding-card-xsmall) var(--g-pc-padding-card-small); border:.1rem solid var(--g-light-color-border-secondary); border-radius:var(--g-radius-xlarge2); background-color:#fff;}
.g-terms-agree .terms-agree label{font-weight:var(--g-typo-font-weight-bold); color:var(--g-light-color-text-secondary);}
@media screen and (max-width: 767px) {
	.g-terms-agree{margin-bottom:var(--g-mobile-gap-layout-h2-h3); padding:var(--g-mobile-padding-card-large);}
	.g-terms-agree .terms-title{margin-bottom:var(--g-mobile-gap-layout-title-body-small); font-size:var(--g-mobile-font-size-heading-medium);}
	.g-terms-agree .terms-box{padding:var(--g-mobile-padding-card-small);}
	.g-terms-agree .terms-agree{margin-top:var(--g-mobile-gap-layout-text-text-medium);}
}

/* 동의하기 박스 */
.agree-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: var(--g-padding-8);
	background-color: var(--g-light-color-surface-primary-subtler);
	border-radius: var(--g-radius-xlarge1);
}
.agree-box .g-form-check {
	text-align: center;
}
.agree-box.bg-gray {
	background-color: var(--g-light-color-surface-gray-subtle);
}

/* 동의하기 폼 공통 */
.form_agree_wrap{}
.form_agree_wrap .fa_tit{margin-bottom:var(--g-padding-6); font-size:1.9rem;}
.form_agree_wrap .fa_box{border:1px solid var(--g-color-light-gray-40);}
.form_agree_wrap .fa_box .fa_textarea{overflow:hidden; overflow-y:auto; height:348px; padding:var(--g-padding-5); background:var(--g-color-light-gray-5);}
.form_agree_wrap .fa_chk_area{display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--g-gap-4) var(--g-gap-7); padding:var(--g-padding-6); border-top:1px solid var(--g-color-light-gray-40);}
.form_agree_wrap .fa_chk_area .txt{margin:0; font-size:1.7rem;}

/* 공공누리 */
.opentype_area{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-8); margin-top:var(--g-pc-gap-layout-h2-h2); padding:var(--g-padding-8); border-radius:var(--g-radius-medium3); background:var(--g-light-color-surface-gray-subtler);}
.opentype_area .img{flex:0 0 auto; max-width:50%;}
.opentype_area .img a{display:block;}
.opentype_area .con .tit{font-size:var(--g-pc-font-size-body-large);}
.opentype_area .con .txt{margin:var(--g-padding-3) 0 0;}

/** Faq 토글 **/
.faq_top{margin-bottom:var(--g-padding-10);}
.faq_lst{border-top:1px solid var(--g-color-light-gray-20);}
.faq_lst .item_info{border:1px solid var(--g-color-light-gray-20); border-top:0;}
.faq_lst .item_info.on{border:1px solid var(--g-color-light-gray-40);}
.faq_lst .item_info.on:first-child{border-top:0;}
.faq_lst .item_info:has(+ .item_info.on){border-bottom:0;}

.faq_lst .item_info .link_cont{display:flex; align-items:center; gap:var(--g-gap-4); position:relative; padding:var(--g-padding-9) 8rem var(--g-padding-9) var(--g-padding-10); height:9.6rem;}
.faq_lst .item_info.on .link_cont{background:var(--g-color-light-secondary-50);}
.faq_lst .item_info.on .link_cont::before{content:''; display:block; width:7.8rem; height:7rem; margin-right:1.6rem; background:url(../images/content/2025/ico_complain01.png);}
.faq_lst .item_info .link_cont .que_info{flex:0 0 auto; font-weight:var(--g-typo-font-weight-bold); font-size:2.8rem; color:#8a949e;}
.faq_lst .item_info.on .link_cont .que_info{color:var(--g-color-light-gray-0);}
.faq_lst .item_info .link_cont .cate_info{flex:0 0 auto; padding:0 .8rem; border:1px solid var(--g-color-light-gray-40); border-radius:var(--g-rd-4); font-size:1.7rem; color:var(--g-color-light-gray-70);}
.faq_lst .item_info .link_cont .tit_info{font-weight:var(--g-typo-font-weight-bold); font-size:2.2rem;}
.faq_lst .item_info.on .link_cont .tit_info{color:var(--g-color-light-gray-0);}
/* 아이콘 + */
.faq_lst .item_info .link_cont .btn_arr{position:absolute; right:4rem; margin-left:auto; overflow:hidden; width:4rem; height:4rem; color:transparent; background:#e6e8ea; border-radius:50%;}
.faq_lst .item_info .link_cont .btn_arr:after{content:''; display:block; box-sizing:border-box; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:auto; background:url(../images/common/ico_faq_fd.png) no-repeat 50% 50%}
.faq_lst .item_info.on .link_cont .btn_arr{background:#fff;}
.faq_lst .item_info.on .link_cont .btn_arr:after{background-image:url(../images/common/ico_faq_unfd.png);}
/* 내용 */
.faq_lst .item_info .info_cont{display:none; position:relative; border-top:1px solid var(--g-color-light-gray-40); padding:var(--g-padding-9) var(--g-padding-10);}
.faq_lst .item_info .info_cont .item{display:flex; align-items:start; gap:var(--g-gap-4); min-height:7.6rem;}
.faq_lst .item_info .info_cont .ans_info{position:relative; padding-left:10.8rem; font-weight:var(--g-typo-font-weight-bold); font-size:2.8rem;}
.faq_lst .item_info .info_cont .ans_info:before{content:''; display:block; position:absolute; left:0; width:8.5rem; height:7.6rem; margin-right:1.6rem; background:url(../images/content/2025/ico_complain02.png);}
.faq_lst .item_info .info_cont .desc_info{font-size:1.9rem; font-weight:var(--g-typo-font-weight-bold);}
.faq_lst .item_info .info_cont .desc_info pre{font-size:inherit;}

/**************************************************
	API Map
**************************************************/
div[id^="map"]{position:relative; aspect-ratio:966/440; width:100%; box-sizing:border-box; padding:0; border:1px solid var(--g-color-light-gray-40);}
div[id^="map"]:before{display:none;}
div[id^="map"] > img{width:100%; height:100%; object-fit:cover;}
div[id^="map"] > div{position:absolute; top:0; left:0; width:100% !important; height:100% !important; font-size:0;}
div[id^="map"] .root_daum_roughmap .wrap_controllers {display:none}
div[id^="map"] .root_daum_roughmap {padding:0; border:none}
div[id^="map"] .root_daum_roughmap .wrap_map{height:100% !important; font-size:12px;}
div[id^="map"] .root_daum_roughmap .map_border{display:none;}

/**************************************************
	본인인증
**************************************************/
.cont_auth .auth_head{display:flex; justify-content:center; margin:0 0 30px;}
.cont_auth .auth_head:before{content:''; flex:0 0 auto; width:91px; height:94px; margin:0 15px 0 0; background:url(../images/common/ico_auth_tit.jpg) no-repeat 0 0/cover;}
.cont_auth .auth_head .title{margin-bottom:10px; font-weight:600; font-size:2em; line-height:1.2; color:#2a2773; letter-spacing:-2px;}
.cont_auth .auth_head p{margin:0;}
.cont_auth .area_auth{padding:10px; background:url(../images/common/auth_bg.png) repeat 0 0;}
.cont_auth .area_auth > .inr{padding:30px; background:#fff;}
.cont_auth .area_auth .lst_auth{display:flex; flex-wrap:wrap; justify-content:space-between; max-width:700px; margin:0 auto;}
.cont_auth .area_auth .lst_auth > li{width:calc(50% - 15px); margin:15px 0;}
.cont_auth .area_auth .lst_auth > li a{display:flex; align-items:center; position:relative; height:60px; padding-right:30px; border-radius:60px; background:#1178c6; font-weight:600; font-size:16px; color:#fff;}
.cont_auth .area_auth .lst_auth > li a:before{content:''; flex:0 0 auto; width:44px; height:44px; margin:0 12px 0 40px; background:url(../images/common/ico_auth.jpg) no-repeat 0 0;}
.cont_auth .area_auth .lst_auth > li a:after{content:'>'; display:inline-block; position:absolute; top:50%; right:20px; color:inherit; transform:translateY(-50%);}
.cont_auth .area_auth .lst_auth > li.ansim a{background:#1178c6;}
.cont_auth .area_auth .lst_auth > li.ipin a{background:#2a2773;}
.cont_auth .area_auth .lst_auth > li.facebook a{background:#4c68bb;}
.cont_auth .area_auth .lst_auth > li.kakao a{background:#fbe100; color:#000;}
.cont_auth .area_auth .lst_auth > li.naver a{background:#07ab54;}
.cont_auth .area_auth .lst_auth > li.ansim a:before{background-position:0 0;}
.cont_auth .area_auth .lst_auth > li.ipin a:before{background-position:-150px 0;}
.cont_auth .area_auth .lst_auth > li.facebook a:before{background-position:-50px 0;}
.cont_auth .area_auth .lst_auth > li.kakao a:before{background-position:-200px 0;}
.cont_auth .area_auth .lst_auth > li.naver a:before{background-position:-100px 0;}
.cont_auth .area_guide{margin:30px 0 0 15px; letter-spacing:-1px;}
.cont_auth .area_guide ul li:before{display:none;}

/**************************************************
	Slick Slide
**************************************************/
/* Common */
.slickwrap{position:relative;}
.slickwrap .slider .item{vertical-align:top;}
.slickwrap .slider a{display:block;}
.slickwrap .slider .item .mobile{display:none;}
.slickwrap .slider .item a:focus-visible{border:2px solid #000; outline-offset:-3px;}
.slickwrap .slider .item img{width:100%; height:auto; margin:0 auto;}


/**************************************************
	lightBox
**************************************************/
body.fixed_lb{overflow:hidden; width:100%; height:100%;}
.lb_container{display:flex; justify-content:center; align-items:center; visibility:hidden; opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001; transition:all .3s;}
.lb_container.open{visibility:visible; opacity:1;}
.lb_container:after{content:''; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:#000; opacity:0.5;}
.lb_container>.inr{position:relative; z-index:1001; max-width:1000px; box-shadow:0 0 20px rgba(0,0,0,.3);}
.lb_container>.inr a{display:block;}
.lb_container .lb_close{display:inline-block; position:absolute; top:100%; right:0; z-index:1001; overflow:hidden; width:34px; height:34px; border:0; background:#333; color:transparent;}
.lb_container .lb_close:before,
.lb_container .lb_close:after{content:''; display:block; overflow:hidden; position:absolute; top:25%; right:25%; bottom:25%; left:25%; height:2px; transform:rotate(45deg); margin:auto 0; background:#fff; color:transparent;}
.lb_container .lb_close:after{transform:rotate(135deg);}

/**************************************************
	달력
**************************************************/
/* 월간일정 */
[data-type-category="명연주시리즈"]{color:#c56f08;}
[data-type-category="인사이트시리즈"]{color:#30aa00;}
[data-type-category="월드오케스트라시리즈"]{color:#635588;}
[data-type-category="대구시립교향악단"]{color:#00358e;}
[data-type-category="대구시립합창단"]{color:#6c4ea0;}
[data-type-category="대구아티스트위크"]{color:#ee4183;}
[data-type-category="클래식 오아시스"]{color:#670000;}
[data-type-category="아름다운 마지막 수요일"]{color:#9d6400;}
[data-type-category="D is Different"]{color:#00472f;}
[data-type-category="특별연주회"]{color:#05667a;}
[data-type-sort="대관"]{color:#416fc4;}
[data-type-sort="DCC"]{color:#0fa0fc;}
[data-type-sort="WOS"]{color:#f94692;}
[data-type-sort="DSO"]{color:#66A08D;}
[data-type-sort="기획"]{color:#c56f08;}
.calendar_monthly_wrap .calendar_srch{position:relative; padding:40px; background:#f5f5f5;}
.calendar_monthly_wrap .calendar_srch .slt_area{position:relative; z-index:10;}
.calendar_monthly_wrap .calendar_srch .slt_area .slt_month{display:none;}
.calendar_monthly_wrap .calendar_srch .today_month{position:absolute; top:35px; left:0; right:0; font-weight:200; font-size:2.5em; line-height:1.2; letter-spacing:-1px; text-align:center;}
.calendar_monthly_wrap .calendar_srch .today_month strong{font-weight:600;}
.calendar_monthly_wrap .calendar_srch .nav_month{display:flex; align-items:center; width:100%; margin:15px 0 0; border:1px solid #d2d2d2; background:#fff;}
.calendar_monthly_wrap .calendar_srch .nav_month li{flex:1; position:relative; z-index:1; line-height:52px; text-align:center;}
.calendar_monthly_wrap .calendar_srch .nav_month li:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; height:12px; z-index:-1; margin:auto 0; border-left:1px solid #d2d2d2;}
.calendar_monthly_wrap .calendar_srch .nav_month li:first-child:before{display:none;}
.calendar_monthly_wrap .calendar_srch .nav_month li.active{z-index:2;}
.calendar_monthly_wrap .calendar_srch .nav_month li.active:after{content:''; display:block; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; z-index:-1; background:#6c4ea0;}
.calendar_monthly_wrap .calendar_srch .nav_month li a{display:block; font-weight:600;}
.calendar_monthly_wrap .calendar_srch .nav_month li.active a{color:#fff;}
.calendar_monthly_wrap .calendar_guide{margin:40px 0 15px; text-align:right; font-size:0;}
.calendar_monthly_wrap .calendar_guide .guide_ico{margin-left:20px; font-size:1rem;}
.calendar_monthly_wrap .calendar_guide .guide_ico:first-of-type{margin-left:0;}
.calendar_monthly_wrap .guide_ico{position:relative; display:inline-block; min-width:26px; min-height:26px; padding-left:26px; color:#555; vertical-align:middle;}
.calendar_monthly_wrap .guide_ico:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; width:26px; height:26px; margin:auto 0; border-radius:50%; background:#6c4ea0; font-style:normal; font-size:14px; line-height:26px; color:#fff; text-align:center;}
.calendar_monthly_wrap .guide_ico.chamber:before{content:'챔'; background:#6c4ea0;}
.calendar_monthly_wrap .guide_ico.grand:before{content:'그'; background:#c56f08;}
.calendar_monthly_wrap .guide_ico.square:before{content:'광'; background:#DD5563;}
.calendar_monthly_wrap .guide_ico.other:before{content:'타'; background:#444;}
.calendar_monthly_wrap .guide_ico em{display:inline-block; margin:0 0 0 5px; font-size:14px; line-height:26px;}
.calendar_monthly{position:relative; table-layout:fixed; border-top-width:1px;}
.calendar_monthly:after{content:''; display:block; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:1px; background:#000;}
.calendar_monthly th,
.calendar_monthly td{padding:14px 5px; border:1px solid #e2e2e2; background:none; font-size:1em;}
.calendar_monthly th{font-weight:600; font-size:1.1875em; text-align:center;}
.calendar_monthly td{padding:15px;}
.calendar_monthly tbody tr:first-child td{box-shadow:inset 0 4px 0 #f7f7f7;}
.calendar_monthly thead th{border-left:0; border-right:0; border-color:#000;}
.calendar_monthly td{height:200px; vertical-align:top;}
.calendar_monthly th:first-child,
.calendar_monthly td:first-child{color:#e63030;}
.calendar_monthly th:last-child,
.calendar_monthly td:last-child{color:#1c74ea;}
.calendar_monthly td > .date{display:block; margin-bottom:10px; font-weight:600; font-size:1.0625em;}
.calendar_monthly td > .date em{display:none;}
.calendar_monthly .schedule_area{display:flex; flex-wrap:wrap; position:relative; margin-top:0; color:#555;}
.calendar_monthly .schedule_area ~ .schedule_area{margin-top:15px;}
.calendar_monthly .schedule_area .sa_sort{display:inline-block; height:26px; line-height:24px; margin-left:5px; padding:0 15px; border-radius:26px; border:1px solid currentcolor; font-weight:600; font-style:normal; font-size:14px; vertical-align:middle;}
.calendar_monthly .guide_ico em{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.calendar_monthly .schedule_area .sa_tit{display:block; width:100%; margin-top:10px; font-size:0.9375em; line-height:1.3;}
.calendar_monthly .schedule_area .sa_cate{display:inline-block; margin-bottom:3px; padding:0 6px; border-radius:4px; background:#909aab; font-size:13px; line-height:22px; color:#fff; vertical-align:top;}
.calendar_monthly .schedule_area .sa_cate[data-type-cate="예매중"]{background:#4f67d6;}
.calendar_monthly .schedule_area .sa_cate[data-type-cate="전석 매진"]{background:#eb5b5b;}
.calendar_monthly .schedule_area .sa_tit a{display:block; color:inherit;}
.calendar_monthly .schedule_area .btn_mobile{display:none;}
.calendar_monthly .schedule_area .sa_pop{display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); z-index:30; width:700px; padding-top:20px;}
.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop{left:0; transform:none;}
.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop{left:auto; right:0; transform:none;}
.calendar_monthly .schedule_area.open .sa_pop{display:block;}
.calendar_monthly .schedule_area .sa_pop:before,
.calendar_monthly .schedule_area .sa_pop:after{content:''; display:block; position:absolute; left:0; right:0; top:0; z-index:10; width:0; height:0; margin:0 auto; border:20px solid transparent; border-width:0 21px 20px 21px; border-bottom-color:#d2d2d2;}
.calendar_monthly .schedule_area .sa_pop:after{top:1px; border-bottom-color:#fafafa;}
.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:before,
.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:after{left:40px; right:auto;}
.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:before,
.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:after{left:auto; right:40px;}
.calendar_monthly .schedule_area .sa_pop > .inr{display:flex; position:relative; padding:50px; border:1px solid #d2d2d2; background:#fafafa;}
.calendar_monthly .schedule_area .sa_pop .close_pop{position:absolute; top:-1px; right:-1px; z-index:20; overflow:hidden; width:59px; height:59px; border:0; background:#000; color:transparent;}
.calendar_monthly .schedule_area .sa_pop .close_pop:before,
.calendar_monthly .schedule_area .sa_pop .close_pop:after{content:''; display:block; overflow:hidden; position:absolute; top:25%; right:25%; bottom:25%; left:25%; height:2px; transform:rotate(45deg); margin:auto 0; background:#fff; color:transparent;}
.calendar_monthly .schedule_area .sa_pop .close_pop:after{transform:rotate(135deg);}
.calendar_monthly .schedule_area .sa_pop .pop_img{width:30%; margin:0 50px 0 0;}
.calendar_monthly .schedule_area .sa_pop .pop_img img{display:block;}
.calendar_monthly .schedule_area .sa_pop .pop_info{width:calc(70% - 50px); padding:10px 0 0;}
.calendar_monthly .schedule_area .sa_pop .sa_cate{font-weight:600; font-size:0.9375em;}
.calendar_monthly .schedule_area .sa_pop .pop_tit{display:block; margin:5px 0 20px; font-size:1.5em; line-height:1.2;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_sort{margin:-3px 8px 0 0;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_cate{display:inline-block; margin:-3px 5px 0 0; padding:0 10px; border-radius:26px; background:#909aab; font-size:13px; line-height:26px; color:#fff; vertical-align:middle;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_cate[data-type-cate="예매중"]{background:#4f67d6;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_cate[data-type-cate="전석 매진"]{background:#eb5b5b;}
.calendar_monthly .schedule_area .sa_pop .pop_date,
.calendar_monthly .schedule_area .sa_pop .pop_place,
.calendar_monthly .schedule_area .sa_pop .pop_price{display:block; position:relative; margin:5px 0; padding-left:15px; line-height:1.4;}
.calendar_monthly .schedule_area .sa_pop .pop_date:before,
.calendar_monthly .schedule_area .sa_pop .pop_place:before,
.calendar_monthly .schedule_area .sa_pop .pop_price:before{content:''; display:inline-block; position:absolute; top:11px; left:0; width:8px; height:1px; background:#787878;}
.calendar_monthly .schedule_area .sa_pop .pop_btn{margin-top:40px;}
.calendar_monthly .schedule_area .sa_pop .pop_btn .button{width:160px;}
/* 연간일정 */
.calendar_annual_wrap{}
.calendar_annual_wrap .calendar_srch{position:relative; overflow:hidden; padding:40px; background:#f5f5f5;}
.calendar_annual_wrap .calendar_srch .slt_area{position:absolute; top:40px; left:40px;}
.calendar_annual_wrap .calendar_srch .today_year{font-weight:600; font-size:2.5em; line-height:1.2; letter-spacing:-1px; text-align:center;}
.calendar_annual_wrap .calendar_annual{margin-top:45px;}
.calendar_annual .annual_head{border-top:1px solid #000; border-bottom:1px solid #000; box-shadow:0 4px 0 #f7f7f7;}
.calendar_annual .annual_head:after{content:''; display:block; clear:both;}
.calendar_annual .annual_head li{float:left; height:55px; line-height:55px; font-weight:800; font-size:1.0625em; text-align:center;}
.calendar_annual .annual_head li:nth-child(1){width:13%;}
.calendar_annual .annual_head li:nth-child(2){width:11%;}
.calendar_annual .annual_head li:nth-child(3){width:11%;}
.calendar_annual .annual_head li:nth-child(4){width:65%;}
.calendar_annual .annual_lst > li{position:relative; min-height:80px; border-bottom:1px solid #ababab; background-repeat:no-repeat; background-image:linear-gradient(#e2e2e2, #e2e2e2),linear-gradient(#e2e2e2, #e2e2e2),linear-gradient(#e2e2e2, #e2e2e2); background-size:1px 100%; background-position:13% 0,24% 0,35% 0;}
.calendar_annual .annual_lst dl{}
.calendar_annual .annual_lst dt{position:absolute; top:4px; left:0; bottom:0; width:13%; padding-left:10px; background:#fff; line-height:1.4; text-align:center;}
.calendar_annual .annual_lst dt strong{display:block; font-size:2em;}
.calendar_annual .annual_lst dt .en{display:block; font-size:1em;}
.calendar_annual .annual_lst dd{display:flex; align-items:center; border-bottom:1px solid #e2e2e2;}
.calendar_annual .annual_lst dd:last-child{border-bottom:0;}
.calendar_annual .annual_lst dd:before{content:''; float:left; display:block; width:13%;}
.calendar_annual .annual_lst dd .date{width:11%; margin:0; padding:15px 0; text-align:center;}
.calendar_annual .annual_lst dd .sort_area{float:left; width:11%; margin:0; padding:15px 0; text-align:center;}
.calendar_annual .annual_lst dd .sort{display:inline-block; height:26px; line-height:24px; padding:0 15px; border-radius:26px; border:1px solid currentcolor; font-weight:600; font-style:normal; font-size:14px;}
.calendar_annual .annual_lst dd .tit{float:left; width:65%; margin:0; padding:15px 30px;}

/**************************************************
	이벤트
**************************************************/
/* 목록 */
#event_wrap .lst_event{}
#event_wrap .lst_event > li{display:flex; align-items:flex-start; position:relative; margin-top:20px; padding:27px 50px; border:1px solid #d5d5d5;}
#event_wrap .lst_event > li .event_img{flex:0 0 auto; width:25.89%; max-width:336px; overflow:hidden; border:1px solid #d5d5d5; border-radius:10px;}
#event_wrap .lst_event > li .event_cont{flex:1; margin:10px 150px 0 45px;}
#event_wrap .event_step{display:inline-flex; padding:3px 10px; border-radius:5px; background:#3576d5; font-size:0.875em; color:#fff;}
#event_wrap .lst_event > li .event_cont .event_step.end{background:#666;}
#event_wrap .lst_event > li .event_cont .event_tit{display:block; margin-top:10px; font-size:1.375em; line-height:1.4;}
#event_wrap .lst_event > li .event_cont .event_desc{margin:5px 0 0;}
#event_wrap .lst_event > li .event_cont .event_info{margin:20px 0 0;}
#event_wrap .lst_event > li .event_cont .event_info > li{display:flex; align-items:center; margin:5px 0;}
#event_wrap .lst_event > li .event_cont .event_info > li > em{display:flex; justify-content:space-between; align-items:center; min-width:125px; margin-right:15px; padding:0 0 0 30px; background:url(../images/common/ico_event_date.png) no-repeat 0 50%/22px 22px; font-weight:600;}
#event_wrap .lst_event > li .event_cont .event_info > li > em:after{content:''; height:10px; margin-left:10px; border-left:1px solid #ccc;}
#event_wrap .lst_event > li .event_cont .event_info > li .tit_date{background-image:url(../images/common/ico_event_date.png);}
#event_wrap .lst_event > li .event_cont .event_info > li .tit_winner{background-image:url(../images/common/ico_event_winner.png);}
#event_wrap .lst_event > li .event_cont .event_info > li .info_txt{display:flex; flex-wrap:wrap; align-items:center; letter-spacing:0;}
#event_wrap .lst_event > li .event_cont .event_info > li .info_txt em{margin:0 5px;}
#event_wrap .lst_event > li .button{position:absolute; top:50%; right:50px; transform:translateY(-50%);}
/* 상세 */
#event_wrap_view .event_head{display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:30px 50px; border:1px solid #444; box-shadow:10px 10px 12px rgba(214,214,214,.25);}
#event_wrap_view .event_head .head_tit{display:flex; align-items:center; line-height:1.2;}
#event_wrap_view .event_head .head_tit .event_step{display:inline-flex; flex:0 0 auto; margin-right:10px; padding:3px 10px; border-radius:5px; background:#3576d5; font-size:0.875em; color:#fff;}
#event_wrap_view .event_head .head_tit .event_step.end{background:#666;}
#event_wrap_view .event_head .head_tit em{font-size:1.75em;}
#event_wrap_view .event_head .head_info{display:flex; justify-content:space-between; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #d5d5d5;}
#event_wrap_view .event_head .head_info > li{display:flex; align-items:center;}
#event_wrap_view .event_head .head_info > li > em{display:flex; justify-content:space-between; align-items:center; min-width:120px; margin-right:15px; padding:0 0 0 30px; background:url(../images/common/ico_event_date.png) no-repeat 0 50%/22px 22px; font-weight:600;}
#event_wrap_view .event_head .head_info > li > em:after{content:''; height:10px; margin-left:10px; border-left:1px solid #ccc;}
#event_wrap_view .event_head .head_info > li .info_date{background-image:url(../images/common/ico_event_date.png);}
#event_wrap_view .event_head .head_info > li .info_winner{background-image:url(../images/common/ico_event_winner.png);}
#event_wrap_view .event_head .head_info > li .info_txt{display:flex; flex-wrap:wrap; align-items:center; letter-spacing:0;}
#event_wrap_view .event_head .head_info > li .info_txt em{margin:0 5px;}
#event_wrap_view .event_cont{margin-top:40px; padding:48px; border:1px solid #d5d5d5;}
#event_wrap_view .event_cont .event_img{margin:50px 0 70px; text-align:center;}
#event_wrap_view .event_note{margin-top:50px; padding:48px; background:#e1f1ff;}
#event_wrap_view .event_note > .inr{padding:30px; background:#fff;}
#event_wrap_view .event_note .note_tit{font-size:1.375em;}
#event_wrap_view .event_note .conLst{margin-bottom:0;}

/**************************************************
	탭메뉴 샘플
**************************************************/
/* 탭메뉴 공통 */
.tabMenu{position:relative;}
.tabMenu .tab_box{display:none;}
.tabMenu .tab_box.active{display:block;}
/* 선형 예제 */
.tab_sample{position:relative; border:1px solid var(--g-color-light-gray-40); border-radius:30px; padding:60px 0 0;}
.tab_sample .tab_select{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:25%; height:60px; border-left:1px solid #d5d5d5; border-bottom:1px solid var(--g-color-light-gray-40); font-size:18px; text-align:center;}
.tab_sample .article_lst > li:nth-child(2) .tab_select{left:25%;}
.tab_sample .article_lst > li:nth-child(3) .tab_select{left:50%;}
.tab_sample .article_lst > li:nth-child(4) .tab_select{left:75%;}
.tab_sample .article_lst > li:first-child .tab_select{border-left:0;}
.tab_sample .tab_select.active{border-bottom:0; font-weight:var(--g-typo-font-weight-bold); color:#0468b4;}
.tab_sample .tab_select[target="_blank"]:after{content:'새창'; width:16px; height:14px; margin:0 0 0 5px; background:url(../images/base/blank.gif) no-repeat 0 0/cover; font-size:12px; line-height:1.2; color:var(--g-color-light-gray-0);}
.tab_sample .article_lst .lst{margin:20px 40px;}
.tab_sample .article_lst .lst li{display:flex; justify-content:space-between; align-items:center; position:relative; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #eee;}
.tab_sample .article_lst .lst li:last-child{border-bottom:0;}
.tab_sample .article_lst .lst li a{display:block; flex:1; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.6rem;}
.tab_sample .article_lst .lst li a .new{display:inline-block; position:relative; overflow:hidden; width:17px; height:17px; margin:1px 0 0 4px; border-radius:50%; background:#0154a0; color:transparent; white-space:nowrap; vertical-align:top;}
.tab_sample .article_lst .lst li a .new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; bottom:0; right:0; font-size:12px; line-height:17px; color:var(--g-color-light-gray-0); text-align:center;}
.tab_sample .article_lst .lst li .date{display:flex; flex:0 0 auto; flex-direction:column; align-items:center; position:relative; margin-right:40px; font-size:1.6rem; line-height:normal; color:#666; text-align:right; letter-spacing:-1px;}
.tab_sample .article_lst .lst li .date:after{content:''; position:absolute; top:0; right:-20px; bottom:0; border-left:1px solid #eee;}
.tab_sample .article_lst .lst li .date .day{font-weight:var(--g-typo-font-weight-bold); font-size:30px; color:#333;}
.tab_sample .more{position:relative; display:block; overflow:hidden; height:50px; border-top:1px solid var(--g-color-light-gray-40); color:transparent; text-align:center;}
.tab_sample .more:before{content:'more >'; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:1.6rem; color:#666;}
/* 분리형 예제 */
.tab_sample2{}
.tab_sample2 .social_lst{display:flex; justify-content:center; padding:40px; background:#f7f7f7;}
.tab_sample2 .social_lst li{display:flex; align-items:center;}
.tab_sample2 .social_lst li:before{content:''; height:15px; margin:0 10px; border-left:1px solid #d5d5d5;}
.tab_sample2 .social_lst li:first-child:before{display:none;}
.tab_sample2 .social_lst li .tab_select{display:block; padding:5px 20px; border-radius:40px; font-size:18px;}
.tab_sample2 .social_lst li .tab_select.active{background:#0468b4; color:var(--g-color-light-gray-0);}

/**************************************************
	웹 페이지 로딩 시 로딩 이미지 보여주기
**************************************************/
#load {display:block; position:fixed; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(255,255,255,.9); text-align:center;}
#load > .load_wrap{position:absolute; top:calc(50% - 70px); left:50%; z-index:1000; transform:translateX(-50%);}
#load > .load_wrap > img{display:block;}
#load > .load_wrap > span{display:block; letter-spacing:0; margin-top:10px; }

/* 오류화면 */
.error_wrap{text-align:center; display:flex; justify-content:center; align-items:center; height:100vh; padding:0 10px; font-family:'notokr';}
.error_wrap > .inr{width:775px; max-width:100%; max-height:100%; overflow:hidden; overflow-y:auto;}
.error_wrap h1{margin:0 auto 40px; text-align:center;}
.error_wrap .txt_box{display:flex; flex-direction:column; justify-content:center; padding:50px 20px; border:1px solid #cbcbcb; border-radius:10px; text-align:center;}
.error_wrap .txt_box .img{}
.error_wrap .txt_box .txt{margin:20px 0; font-size:24px;}
.error_wrap .txt_box .date{display:flex; flex-wrap:wrap; justify-content:center; font-size:18px;}
.error_wrap .txt_box .date dt{flex:0 0 auto;}
.error_wrap .txt_box .date dd{margin-left:5px; font-weight:600; color:#f24407;}
.error_wrap .copyright_area{margin-top:40px; font-size:15px; color:#666; text-align:left;}
.error_wrap .copyright_area .address_area em{color:#222;}
.error_wrap .copyright_area .copyright{margin-top:10px;}

/* 팝업 공지 */
.pop_notice{margin:0 auto; width:500px;}
.pop_notice .head{height:235px; padding:50px 0 0; text-align:center; color:#fff; background:url(../images/common/bg_pop_notice.jpg) 50% 50%; background-size:cover;}
.pop_notice .head .txt{font-size:20px;}
.pop_notice .head .txt:before{content:""; display:block; width:77px; height:70px; margin:0 auto 10px; background:url(../images/common/ico_pop_notice.png);}
.pop_notice .head .tit{font-size:44px; font-weight:var(--g-typo-font-weight-bold); line-height:1.2;}
.pop_notice .content{padding:30px 35px;}
.pop_notice .content .info_box{text-align:center; font-size:16px; border:1px solid #ccc; margin:0 0 25px 0; border-radius:20px; padding:15px; background:#ececec; line-height:1.6;}
.pop_notice .content .info_box strong{color:#bd2647; text-decoration:underline; font-size:18px;}
.pop_notice .content .dt_lst > li{display:flex; margin:0 0 15px 0; font-size:18px;}
.pop_notice .content .dt_l{font-weight:var(--g-typo-font-weight-bold); margin:0; width:110px; font-size:18px;}
.pop_notice .content .dt_l.conTit3:before{top:5px;}
.pop_notice .content .dt_r{width:calc(100% - 110px);}
.pop_notice .content .dt_r.c_blue{color:#0c4ab1; font-weight:var(--g-typo-font-weight-bold);}
.pop_notice .content .s_txt{text-align:center; color:#777; text-align:center; font-size:18px;}
/**************************************************
	모달 공통
**************************************************/
.modal_dialog{display:none; visibility:hidden; opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; transition:.3s;}
.modal_dialog.open{display:block;}
.modal_dialog.in{visibility:visible; opacity:1;}
.modal_dialog .modal_dim{position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:var(--g-alpha-75);}
.modal_dialog .modal_wrap{display:flex; align-items:center; position:relative; z-index:1020; width:100%; max-width:846px; height:calc(100% - var(--g-padding-20)*2); overflow:hidden; overflow-y:auto; margin:var(--g-padding-20) auto; padding:0 var(--g-padding-4);}
.modal_dialog.alert .modal_wrap{max-width:600px;}
.modal_dialog .modal_container{display:flex; flex-direction:column; position:relative; width:100%; min-width:0; max-height:100%; border-radius:var(--g-rd-20); background-color:var(--g-color-light-gray-0);}
.modal_dialog .modal_container:focus{outline-offset:0.4rem; outline:2px solid rgba(255,255,255,.9);}
.modal_dialog .modal_header{padding:var(--g-padding-10) 6.8rem var(--g-padding-8) var(--g-padding-10);}
.modal_dialog .modal_body{display:flex; flex-direction:column; gap:var(--g-gap-8); overflow:hidden; overflow-y:auto; min-width:0; padding:0 var(--g-padding-10);}
.modal_dialog .modal_body .tit_cont{font-size:2.1rem;}
.modal_dialog .modal_body .modal_cont{}
.modal_dialog .modal_footer{padding:var(--g-padding-8) var(--g-padding-10) var(--g-padding-10);}
.modal_dialog .modal_footer .area_btn{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:var(--g-gap-4);}
.modal_dialog .modal_footer .area_btn .button{margin:0;}
.modal_dialog .btn_close{position:absolute; top:3.2rem; right:3.2rem; width:3.6rem; height:3.6rem; background:url(../images/common/ico_close_modal.png) no-repeat 50% 50%;}

/* 이벤트 팝업창 */
.g-btn.success { background-color: #28a745 !important; border-color: #28a745 !important; color: #fff !important; }
.result-section td { background-color: #f9fbff; border-radius: 6px; padding: 12px; }
.win-message { color: #0052cc; line-height: 1.5; font-weight: 500; }
.lose-message { color: #0052cc; line-height: 1.5; font-weight: 500; }
.coupon-box { display: flex; align-items: center; gap: 8px; background: #f4f6fa; padding: 8px 10px; border-radius: 6px; font-size: 14px; color: #222; }

@media screen and (max-width:1259px){
	/**************************************************
		달력
	**************************************************/
	/* 월간일정 */
	.calendar_monthly_wrap .calendar_srch{padding:15px;}
	.calendar_monthly_wrap .calendar_srch .today_month{top:15px;}
	.calendar_monthly td{padding:10px;}
	.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:before,
	.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:after{right:30px;}
	.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:before,
	.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:after{left:30px;}
	.calendar_monthly .schedule_area .sa_sort{padding:0 10px;}
	.calendar_monthly .schedule_area .sa_pop{width:540px; padding-top:15px;}
	.calendar_monthly .schedule_area .sa_pop:before,
	.calendar_monthly .schedule_area .sa_pop:after{border-width:0 16px 15px 16px;}
	.calendar_monthly .schedule_area .sa_pop > .inr{padding:30px;}
	.calendar_monthly .schedule_area .sa_pop .close_pop{width:30px; height:30px;}
	.calendar_monthly .schedule_area .sa_pop .pop_img{margin-right:30px;}
	.calendar_monthly .schedule_area .sa_pop .pop_info{width:calc(70% - 30px);}

	/**************************************************
		이벤트
	**************************************************/
	#event_wrap .lst_event > li{padding:20px;}
	#event_wrap .lst_event > li .event_cont{margin-left:30px;}
	#event_wrap .lst_event > li .button{right:20px;}

	/**************************************************
		게시판
	**************************************************/
	#bbsList [data-table-type="hide_t"]{display:none;}

}

/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/* Sprite image */
	#bbsPhoto .lst > li a .tit .ico{background-image:url(../images/base/sp_com_m.png); background-size:200px 200px;}

	/* datepicker */

	/**************************************************
		테이블
	**************************************************/

	/**************************************************
		안내박스
	**************************************************/
	/* Box Type1 */
	.box_comm{margin-bottom:var(--g-padding-10); padding:var(--g-padding-5) var(--g-padding-6);}
	/* Box Type2 */
	/* Box Type3 */
	.box_comm3{padding:var(--g-padding-5) var(--g-padding-6);}
	/* Box Type4 */
	.box_comm4{margin-bottom:var(--g-padding-10);}

	/* 공공누리 */
	.opentype_area .con .txt br{display:none;}

	/**************************************************
		Button
	**************************************************/
	.button.ico.srch:before{background-position:-126px 0;}
	.button.ico.srch.blue:before{background-position:-153px 0;}
	/* Pagination */
	.pagination{margin:var(--g-padding-8) 0;}

	/**************************************************
		게시판
	**************************************************/
	.bbsSrch{margin-bottom:var(--g-gap-7);}
	.bbsSrch .filter_lr{flex-direction:column;}
	.bbsSrch .filter_lr .filter_r{justify-content:center; margin:var(--g-padding-4) 0 0; padding:var(--g-padding-4) 0 0; border:0; border-top:1px solid var(--g-light-color-border-gray-light);}
	.srchListTop{gap:var(--g-padding-4) var(--g-padding-8); margin-bottom:var(--g-padding-8);}
	#bbsList{margin-bottom:var(--g-padding-8);}
	#bbsList [data-table-type="hide_t"]{display:none;}
	#bbsPhoto{}
	#bbsPhoto .lst{}
	#bbsPhoto .lst > li{}
	#bbsPhoto .lst > li a .tit{margin:var(--g-padding-3) 0 0 var(--g-padding-3);}
	#bbsPhoto .lst > li .info{flex-wrap:wrap; margin-top:var(--g-padding-3); padding-top:var(--g-padding-3);}
	#bbsView{margin-bottom:var(--g-padding-8);}
	.bbsView{margin-bottom:var(--g-padding-8);}
	#bbsView .form_group{gap:var(--g-gap-2) var(--g-padding-3);}
	#bbsView .form_group:has(dl){padding:var(--g-gap-4) 0;}
	#bbsView .form_group dl :is(dt, dd){padding:0 var(--g-padding-3);}
	#bbsView .form_group dl.title dd{padding:var(--g-padding-4) 0 0; font-weight:var(--g-typo-font-weight-bold); font-size:2.1rem;}
	#bbsView .form_group dl.content dd{padding:var(--g-padding-4) 0;}
	#bbsView .form_group dl.attfile dt{padding:var(--g-padding-4) var(--g-padding-4);}
	#bbsView .form_group dl.attfile dd{padding:var(--g-padding-2) var(--g-padding-6);}
	/* View Common */
	.bbsView__header .bbsView__title{padding:var(--g-padding-4) 0 var(--g-padding-8); font-size:2.4rem;}
	/* ViewSkin-difault */
	.bbsView--default .bbsView__meta{padding:0 0 var(--g-padding-8);}
	.bbsView--default .bbsView__content{padding:var(--g-padding-8) 0;}
	.bbsView--default .bbsView__group{padding:var(--g-padding-8) 0;}
	.bbsView--default .bbsView__attfile{margin-top:var(--g-padding-8);}
	.bbsView--default .bbsView__attfile .bbsView__label{padding:var(--g-padding-4);}
	.bbsView--default .bbsView__attfile .bbsView__value{padding:var(--g-padding-4) var(--g-padding-6);}
	/* ViewSkin-feedback */
	.bbsView--feedback .bbsView__row .bbsView__label{padding:var(--g-padding-4);}
	.bbsView--feedback .bbsView__row .bbsView__value{padding:var(--g-padding-4);}
	.bbsView--feedback .bbsView__reply{margin-top:var(--g-gap-8);}
	.bbsView--feedback .bbsView__reply-header{margin-bottom:var(--g-gap-4);}
	.bbsView--feedback .bbsView__reply-title{font-size:2.4rem;}

	#bbsWrite{margin-bottom:var(--g-padding-8);}
	.pagination{margin:var(--g-padding-8) 0;}
	:is(.bbsViewBtm,.button_wrap){margin:var(--g-mobile-gap-layout-h1-h2) 0;}
	:is(.bbsViewBtm,.button_wrap) :is(.left,.right){gap:var(--g-gap-2);}
	.bbsViewNav{margin:var(--g-padding-8) 0;}

	/* 동의하기 폼 공통 */
	.form_agree_wrap .fa_chk_area{padding:var(--g-padding-5);}

	/** Faq 토글 **/
	.faq_lst .item_info .link_cont{gap:var(--g-gap-4); padding:var(--g-padding-6) 6rem var(--g-padding-6) var(--g-padding-6); height:auto;}
	.faq_lst .item_info .link_cont .que_info{font-size:1.9rem;}
	.faq_lst .item_info .link_cont .tit_info{font-size:1.9rem;}
	/* 아이콘 + */
	.faq_lst .item_info .link_cont .btn_arr{right:2rem; width:3.2rem; height:3.2rem;}
	.faq_lst .item_info.on .link_cont::before{display:none;}
	/* 내용 */
	/* .faq_lst .item_info .info_cont .ans_info{top:1.6rem; left:4.6rem; font-size:1em;} */
	.faq_lst .item_info .info_cont{padding:var(--g-padding-6);}
	.faq_lst .item_info .info_cont .ans_info{padding:0; font-size:1.9rem;}
	.faq_lst .item_info .info_cont .ans_info:before{display:none;}
	/* .faq_lst .item_info .info_cont .ans_info:before{top:5px;} */
	.faq_lst .item_info .info_cont .desc_info{padding:var(--g-padding-4) var(--g-padding-4) var(--g-padding-4) var(--g-padding-22);}
	.faq_lst .item_info .info_cont .item{min-height:auto;}

	/* 댓글 공통 */
	.cmmt_wrap{padding:15px;}
	.cmmt_wrap .cmmt_top{margin-bottom:15px;}
	.cmmt_wrap .cmmt_textarea{padding:15px;}
	.cmmt_wrap .cmmt_textarea .textarea{height:80px;}
	.cmmt_wrap .cmmt_textarea .btn_cmmt{width:80px; height:80px;}
	.cmmt_wrap .cmmt_area .item{padding:10px;}
	.cmmt_wrap .cmmt_area .item .item_cmmt{margin-top:10px;}

	/**************************************************
		모달 공통
	**************************************************/
	.modal_dialog .modal_header{padding:var(--g-padding-8) 6rem var(--g-padding-6) var(--g-padding-8);}
	.modal_dialog .btn_close{top:2.6rem; right:2.4rem;}
	.modal_dialog .modal_body{gap:var(--g-gap-6); padding:0 var(--g-padding-8);}
	.modal_dialog .modal_footer{padding:var(--g-padding-6) var(--g-padding-8) var(--g-padding-8);}

	/**************************************************
		Slick Slide
	**************************************************/
	/* Common */
	.slickwrap .slider .item .pc{display:none;}
	.slickwrap .slider .item .mobile{display:block;}

	/**************************************************
		달력
	**************************************************/
	/* 월간일정 */
	.calendar_monthly,
	.calendar_monthly tbody,
	.calendar_monthly tr,
	.calendar_monthly td{display:block;}
	.calendar_monthly caption,
	.calendar_monthly thead,
	.calendar_monthly td.empty{display:none;}
	.calendar_monthly td{position:relative; height:auto; min-height:60px; padding:15px 10px 12px 60px; border-width:1px 0 0; box-shadow:none !important;}
	.calendar_monthly td:after{content:''; display:block; clear:both;}
	.calendar_monthly td > .date{position:absolute; top:15px; left:0; right:calc(100% - 60px); margin:0; font-size:1.33em; line-height:1.2; text-align:center;}
	.calendar_monthly td > .date em{display:block; font-size:0.6em;}
	.calendar_monthly .schedule_area ~ .schedule_area{margin-top:20px;}
	.calendar_monthly .schedule_area .sa_tit{margin-top:5px;}
	.calendar_monthly .schedule_area .btn_mobile{display:block; margin-top:5px;}
	.calendar_monthly .schedule_area .sa_pop{display:none !important;}

	/**************************************************
		이벤트
	**************************************************/
	/* 목록 */
	#event_wrap .lst_event > li{flex-wrap:wrap;}
	#event_wrap .lst_event > li .event_cont{width:calc(74.11% - 30px); margin-right:0;}
	#event_wrap .lst_event > li .button{position:relative; top:auto; right:auto; margin:10px auto 0; transform:none;}
	/* 상세 */
	#event_wrap_view .event_head{padding:20px;}
	#event_wrap_view .event_cont{padding:20px;}
	#event_wrap_view .event_note{padding:20px;}

}

/* 02. Mobile 360px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		Common
	**************************************************/


	/**************************************************
		컨텐츠 블릿,들여쓰기
	**************************************************/
	/* 공통 */

	/* 제목 */
	.conTit2{margin-bottom:var(--g-mobile-gap-layout-title-body-large); font-size:var(--g-mobile-font-size-heading-large);}
	.conTit3{margin-top:var(--g-mobile-gap-layout-h2-h3); margin-bottom:var(--g-mobile-gap-layout-title-body-medium); font-size:var(--g-mobile-font-size-heading-medium);}
	.conTit4{margin-top:var(--g-mobile-gap-layout-h3-h4); margin-bottom:var(--g-mobile-gap-layout-title-body-medium); font-size:var(--g-mobile-font-size-heading-small);}
	.conTit5{margin-top:var(--g-mobile-gap-layout-h4-h5); margin-bottom:var(--g-mobile-gap-layout-title-body-small); font-size:var(--g-mobile-font-size-heading-xsmall);}
	.conTit2:not(:first-child){margin-top:var(--g-mobile-gap-layout-h1-h2);}
	/* 컨텐츠 들여쓰기 */
	.conBox{gap:var(--g-mobile-gap-layout-title-body-small); margin-bottom:var(--g-mobile-gap-layout-h2-h2);}
	.conTit2 + .conBox, .conGroup:has(.conTit2){margin-bottom:var(--g-mobile-gap-layout-h2-h2);}
	.conTit3 + .conBox, .conGroup:has(.conTit3){margin-bottom:var(--g-mobile-gap-layout-h3-h3);}
	.conTit4 + .conBox, .conGroup:has(.conTit4){margin-bottom:var(--g-mobile-gap-layout-h4-h4);}
	.conTit5 + .conBox, .conGroup:has(.conTit5){margin-bottom:var(--g-mobile-gap-layout-h5-h5);}
	/* 목록 */
	/* 순서목록 */
	/* 문단/Paragraph */

	/**************************************************
		테이블
	**************************************************/

	/**************************************************
		Pagination
	**************************************************/
	.normal_pagination{display:none;}
	.mobile_pagination{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--g-gap-6) var(--g-padding-2);}
	.mobile_pagination .page_nav{display:flex; justify-content:center; align-items:center; gap:var(--g-gap-2); width:100%;}

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	.bbsSrch{}
	.bbsSrch fieldset{flex:1;}
	.bbsSrch :is(input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="email"],select,button,.button){width:100%; margin-left:0; margin-right:0;}
	.bbsSrch input::placeholder{font-size:1.4rem;}
	.bbsSrch > span{width:100%;}
	.bbsSrch :is(.srch_word_wrap,.srch_label_wrap){width:100%;}
	.bbsSrch .srch_word_wrap{gap:var(--g-gap-2);}
	.bbsSrch .srch_word_wrap :is(select,label){flex:0 0 auto; width:auto;}
	.bbsSrch .srch_word_wrap .word{flex:1; min-width:0;}
	.bbsSrch .srch_date_wrap{flex-wrap:wrap; width:100%;}
	.bbsSrch .srch_date_wrap .label{flex:0 0 auto; width:100%; margin-right:0;}
	.bbsSrch .srch_date_wrap input{flex:1; min-width:0;}
	.bbsSrch .srch_label_wrap label{flex:0 0 auto; width:auto;}
	.bbsSrch .srch_label_wrap :is(select,input){flex:1; min-width:0;}
	.bbsSrch .filter_form{gap:var(--g-gap-2);}
	.bbsSrch .filter_form .box_form{padding:var(--g-padding-4);}
	.bbsSrch .filter_form .box_form .inp_wrap{width:50%;}
	.bbsSrch .filter_chip .button{width:auto;}
	.bbsSrch .filter_chip .chip_refresh{width:24px;}
	/*input:is(.datepicker,.datetimepicker){padding-right:3rem !important; background-position:right 5px center !important;}*/
	/* 공통 검색 리스트 상단 */
	.srchListTop{flex-direction:column; align-items:flex-start;}
	.srchListTop .srch_info{order:2;}
	.srchListTop .srch_sort{order:1;}

	/* List(Default) */
	#bbsList [data-table-type="hide_m"]{display:none;}
	#bbsList td{padding:1rem .4rem;}
	/* List(갤러리) */
	#bbsPhoto .lst{grid-template-columns:repeat(2,1fr); gap:var(--g-gap-4);}
	#bbsPhoto .lst > li{}
	#bbsPhoto .lst > li a .tit{}
	/* List(카드뉴스) */
	#bbsPhoto2 .lst li .desc{height:36px; line-height:18px; font-size:0.875em;}
	#bbsPhoto2 .lst li .date{font-size:0.8125em;}
	/* View */
	#bbsView .form_group dl.attfile{flex-direction:column; gap:var(--g-gap-2);}
	#bbsView .form_group dl.attfile dt{padding-bottom:0; background:none; text-align:center;}
	#bbsView .form_group dl.attfile dt:after{display:none;}
	#bbsView .form_group dl.attfile dd{padding:var(--g-padding-2) var(--g-padding-4);}
	#bbsView .form_group dl.attfile dd > div{padding:var(--g-padding-2);}
	/* View Common */
	.bbsView__header .bbsView__title{padding:var(--g-padding-4) 0 var(--g-padding-6);}
	.bbsView--default .bbsView__content .bbsView__row .bbsView__value .img_preview:not(:last-child){margin-bottom:var(--g-gap-6);}
	.bbsView--default .bbsView__content .bbsView__row .bbsView__value .img_preview:last-child{margin-top:var(--g-gap-6);}
	/* ViewSkin-difault */
	.bbsView--default .bbsView__meta{padding:0 0 var(--g-padding-6);}
	.bbsView--default .bbsView__content{padding:var(--g-padding-6) 0;}
	.bbsView--default .bbsView__group{padding:var(--g-padding-6) 0;}
	.bbsView--default .bbsView__attfile{display:block; margin-top:var(--g-padding-6);}
	.bbsView--default .bbsView__attfile .bbsView__label{display:block; border:0; background:none;}
	.bbsView--default .bbsView__attfile .bbsView__value{padding:0 var(--g-padding-4) var(--g-padding-4);}
	/* ViewSkin-difault */
	.bbsView--feedback .bbsView__row{display:block;}
	.bbsView--feedback .bbsView__row .bbsView__label{display:block; width:100%; padding:var(--g-padding-4); background:none; text-align:left;}
	.bbsView--feedback .bbsView__row .bbsView__value{padding-top:0;}

	/* View(카드뉴스) */
	/* 버튼 그룹 */
	/* 이전,다음글 */
	.bbsViewNav:has(dl){flex-direction:column; align-items:flex-start; gap:var(--g-gap-4); margin:var(--g-gap-8) 0; font-size:1.5rem;}
	.bbsViewNav dl{width:100%;}
	.bbsViewNav dl.next{flex-direction:row;}
	.bbsViewNav dl dt{gap:var(--g-gap-3);}
	.bbsViewNav dl dt:before{width:3.2rem; height:3.2rem;}
	.bbsViewNav dl dt:after{width:3.2rem; height:3.2rem; padding:var(--g-padding-2);}
	.bbsViewNav dl.next dt{flex-direction:row;}
	.bbsViewNav dl.next dt:after{right:auto; left:0;}
	.bbsViewNav dl.next dt span{padding:0 var(--g-padding-4) 0 0;}
	.bbsViewNav dl.next dt span:after{right:0; left:auto;}
	.bbsViewNav dl.next dd a{text-align:left;}
	/* Wirte/Modify */
	#bbsWrite .form_group dl{flex-direction:column; gap:var(--g-padding-3); padding:var(--g-padding-4);}
	#bbsWrite .form_group dl dt{justify-content:flex-start; width:auto; padding:0; border:0; background:none;}
	#bbsWrite .form_group dl dd{padding:0;}

	/**************************************************
		Button
	**************************************************/
	/* Button Size - default / small / large */
	/* 첨부파일 */
	.attFileWrap{flex-wrap:wrap; justify-content:flex-start; gap:var(--g-gap-3);}
	.attFileWrap .filename{width:100%;}
	.attFileWrap .btn-wrap{width:100%; justify-content:flex-end;}
	/* **** 페이지 하단 버튼 **** */
	.page-btn-wrap > .g-btn{flex:1;}
	.page-btn-wrap.m-column{
		flex-direction:column;
		margin-top:var(--g-gap-7);
	}
	.page-btn-wrap.both .btn-wrap{flex-wrap:wrap; align-items:stretch; width:100%;}
	.page-btn-wrap.both .g-btn + .btn-wrap{justify-content:flex-end; flex:2.4;}
	.page-btn-wrap.both .g-btn{padding:0 var(--g-padding-4);}
	.page-btn-wrap.both .btn-wrap .g-btn{flex:1 1 0; min-width:0;}
	.page-btn-wrap.m-column .btn-wrap{flex-direction:column;}
	.page-btn-wrap.m-column .g-btn{flex:initial;}
	.page-btn-wrap.m-column .btn-wrap .g-btn{flex:initial;}
	.page-btn-wrap.m-column .btn-wrap > div{display:flex;}
	.page-btn-wrap.m-column .btn-wrap > div .g-btn{flex:1;}


	/**************************************************
		안내박스
	**************************************************/

	/**************************************************
		본인인증
	**************************************************/
	.cont_auth .auth_head{margin:0 var(--g-padding-3) var(--g-padding-5); padding:0; background:none;}
	.cont_auth .auth_head .title{margin-bottom:var(--g-padding-3);}
	.cont_auth .auth_head .title img{height:18px;}
	.cont_auth .area_auth > .inr{padding:var(--g-padding-3) var(--g-padding-5);}
	.cont_auth .area_auth .lst_auth{max-width:350px;}
	.cont_auth .area_auth .lst_auth > li{width:100%; margin:var(--g-padding-1) 0;}
	.cont_auth .area_auth .lst_auth > li a{height:50px; font-size:1.4rem;}
	.cont_auth .area_auth .lst_auth > li a:before{width:22px; height:22px; margin-left:var(--g-padding-7); background-size:auto 100%;}
	.cont_auth .area_auth .lst_auth > li.ansim a:before{background-position:0 0;}
	.cont_auth .area_auth .lst_auth > li.ipin a:before{background-position:-75px 0;}
	.cont_auth .area_auth .lst_auth > li.facebook a:before{background-position:-25px 0;}
	.cont_auth .area_auth .lst_auth > li.kakao a:before{background-position:-100px 0;}
	.cont_auth .area_auth .lst_auth > li.naver a:before{background-position:-50px 0;}
	.cont_auth .area_guide{margin-top:var(--g-padding-5);}

	/**************************************************
		달력
	**************************************************/
	/* 월간일정 */
	.calendar_monthly_wrap .calendar_srch{text-align:center;}
	.calendar_monthly_wrap .calendar_srch .slt_area .slt_month{display:inline-block;}
	.calendar_monthly_wrap .calendar_srch .nav_month{display:none;}
	.calendar_monthly_wrap .calendar_srch .today_month{position:relative; top:auto; right:auto; left:auto; margin-top:var(--g-padding-3); font-size:3.2rem; line-height:1.2;}
	.calendar_monthly_wrap .calendar_guide{overflow:hidden; margin:var(--g-padding-5) 0 var(--g-padding-3);}
	.calendar_monthly_wrap .calendar_guide .guide_ico{margin:var(--g-padding-1) 0 0 var(--g-padding-2);}
	.calendar_monthly_wrap .ico_hall{min-width:22px; min-height:22px; padding-left:22px;}
	.calendar_monthly_wrap .ico_hall:before{width:22px; height:22px; line-height:22px; font-size:13px;}
	.calendar_monthly_wrap .ico_hall em{margin-left:3px; font-size:1.3rem; line-height:22px;}
	.calendar_monthly_wrap .calendar_monthly .schedule_area .sa_sort{height:22px; line-height:20px; padding:0 10px; font-size:1.3rem;}
	/* 연간일정 */
	.calendar_annual_wrap .calendar_srch{padding:20px;}
	.calendar_annual_wrap .calendar_srch .slt_area{position:relative; top:auto; left:auto; text-align:center;}
	.calendar_annual_wrap .calendar_srch .today_year{margin-top:10px; font-size:2.13em;}
	.calendar_annual_wrap .calendar_annual{margin-top:20px;}
	.calendar_annual .annual_head{display:none;}
	.calendar_annual .annual_lst{border-top:1px solid #000; box-shadow:inset 0 4px 0 #f7f7f7;}
	.calendar_annual .annual_lst > li{background-position:21% 0,31% 0,52% 0;}
	.calendar_annual .annual_lst dt{top:10px; width:21%; padding-left:5px; font-size:0.8em;}
	.calendar_annual .annual_lst dd:before{width:21%;}
	.calendar_annual .annual_lst dd .date{width:10%; padding:10px 0;}
	.calendar_annual .annual_lst dd .sort_area{width:21%; padding:10px 0 9px;}
	.calendar_annual .annual_lst dd .sort{padding:0 10px;}
	.calendar_annual .annual_lst dd .tit{width:48%; padding:10px; line-height:1.4;}

	/**************************************************
		이벤트
	**************************************************/
	/* 이벤트 목록 */
	#event_wrap .lst_event{margin-top:20px;}
	#event_wrap .lst_event > li{flex-direction:column; align-items:center; padding:15px;}
	#event_wrap .lst_event > li .event_img{width:auto;}
	#event_wrap .lst_event > li .event_cont{width:auto; margin:15px 0 0;}
	#event_wrap .lst_event > li .event_cont .event_tit{line-height:1.2;}
	#event_wrap .lst_event > li .event_cont .event_desc{margin-top:10px;}
	#event_wrap .lst_event > li .event_cont .event_info{margin-top:10px;}
	#event_wrap .lst_event > li .event_cont .event_info > li > em{min-width:auto; margin-right:5px; padding-left:27px;}
	/* 이벤트 상세 */
	#event_wrap_view .event_head{padding:10px 15px;}
	#event_wrap_view .event_head .head_tit{flex-wrap:wrap;}
	#event_wrap_view .event_head .head_tit em{margin:5px 0; font-size:1.33em;}
	#event_wrap_view .event_head .head_info{flex-wrap:wrap; justify-content:flex-start; margin-top:5px; padding-top:5px;}
	#event_wrap_view .event_head .head_info > li{margin:5px 15px 5px 0;}
	#event_wrap_view .event_head .head_info > li > em{min-width:auto; margin-right:5px;}
	#event_wrap_view .event_cont{margin-top:20px; padding:15px;}
	#event_wrap_view .event_cont .event_img{margin:20px 0;}
	#event_wrap_view .event_note{margin-top:20px; padding:15px;}
	#event_wrap_view .event_note > .inr{padding:15px;}

	/* 오류화면 */
	.error_wrap h1{max-width:248px; margin:0 auto 40px auto;}
	.error_wrap .txt1{font-size:22px; padding:90px 0 10px 0;}
	.error_wrap .txt2{padding-bottom:30px;}

	/* 공공누리 */
	.opentype_area{display:block; position:relative; margin-top:var(--g-mobile-gap-layout-h2-h2); padding:var(--g-padding-4);}
	.opentype_area .img{max-width:none; margin:0 0 var(--g-padding-3);}
	.opentype_area .con .tit{font-size:1.6rem;}
	.opentype_area .con .txt{font-size:1.4rem;}

	/**************************************************
		API Map
	**************************************************/
	div[id^="map"]{aspect-ratio:16/9;}

}
/* 03. Mobile  ~ 359px */
@media screen and (max-width:359px){
	/**************************************************
		테이블
	**************************************************/
	/* 모바일 테이블 wrap(스크립트에서 class 추가) */
	/*.table_scroll::-webkit-scrollbar{height:3px;}
	.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */

	/**************************************************
		안내박스
	**************************************************/


}

.menuSiteMap .cont_sitemap {max-width: 1400px;margin: 0 auto;}
.menuSiteMap .sitemap_lst {display: grid;grid-template-columns: repeat(6, 1fr);gap: 0;list-style: none;padding: 0;margin: 0;}
.menuSiteMap .sitemap_lst > li {border-right: 1px solid #e0e0e0;}
.menuSiteMap .sitemap_lst > li:last-child {border-right: none;}
.menuSiteMap .sitemap_lst > li > a {display: none;}
.menuSiteMap .sitemap_lst > li > div {display: block;}
.menuSiteMap .depth2.inr {padding: 0;}
.menuSiteMap .tit_d1 {margin: 0;padding: 0;background-color: #f8f9fa;border-bottom: 2px solid #0066cc;}
.menuSiteMap .tit_d1 a {display: block;padding: 20px 15px;font-size: 16px;font-weight: bold;color: #333;text-decoration: none;text-align: left;}
.menuSiteMap .tit_d1 a:hover {background-color: #e9ecef;}
.menuSiteMap .tit_d1 a[target="_blank"]:after {content: " ↗";display: inline-block;font-size: 12px;}
.menuSiteMap .depth2 > ul {list-style: none;padding: 15px;margin: 0;}
.menuSiteMap .depth2 > ul > li {margin-bottom: 20px;}
.menuSiteMap .depth2 > ul > li:last-child {margin-bottom: 0;}
.menuSiteMap .depth2 > ul > li > a {display: flex;align-items: center;justify-content: space-between;padding: 10px 12px;font-size: 14px;font-weight: 600;color: #333;text-decoration: none;background-color: #fff;border-radius: 4px;transition: all 0.2s;}
.menuSiteMap .depth2 > ul > li > a:hover {background-color: #0066cc;color: #fff;}

/* 3depth 메뉴 - 부드러운 애니메이션 */
.menuSiteMap .depth2 > ul > li > ul {
	list-style: none;
	padding: 0;
	margin: 8px 0 0 0;
	max-height: 2000px;
	overflow: hidden;
	transition: max-height 0.4s ease-in-out;
}

/* 닫힌 상태 */
.menuSiteMap .depth2 > ul > li.closed > ul {
	max-height: 0;
	margin: 0;
	transition: max-height 0.4s ease-in-out, margin 0.4s ease-in-out;
}

/* 3depth 메뉴 항목 */
.menuSiteMap .depth2 > ul > li > ul > li {
	margin-bottom: 5px;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 닫힐 때 항목들도 부드럽게 */
.menuSiteMap .depth2 > ul > li.closed > ul > li {
	opacity: 0;
	transform: translateY(-5px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.menuSiteMap .depth2 > ul > li > ul > li:last-child {margin-bottom: 0;}
.menuSiteMap .depth2 > ul > li > ul > li > a {display: block;padding: 8px 12px 8px 20px;font-size: 13px;color: #666;text-decoration: none;position: relative;transition: all 0.2s;}
.menuSiteMap .depth2 > ul > li > ul > li > a:before {content: "·";position: absolute;left: 10px;color: #999;}
.menuSiteMap .depth2 > ul > li > ul > li > a:hover {color: #0066cc;background-color: #f5f5f5;padding-left: 22px;}
.menuSiteMap .depth2 a[target="_blank"]:not(.tit_d1 a):after {content: " ↗";font-size: 10px;margin-left: 4px;vertical-align: super;}

/* 화살표 애니메이션 개선 */
.menuSiteMap .depth2 > ul > li:has(ul) > a:after {
	content: "▼";
	font-size: 10px;
	color: #0066cc;
	transform: rotate(180deg);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.menuSiteMap .depth2 > ul > li.closed:has(ul) > a:after {
	transform: rotate(0deg);
}

.menuSiteMap .depth2 > ul > li:has(ul) > a:hover:after {color: #fff;}
.menuSiteMap .depth2 > ul > li:has(ul) > a {cursor: pointer;}

@supports not (selector(:has(*))) {
	.menuSiteMap .depth2 > ul > li > a:after {content: "▼";font-size: 10px;color: #0066cc;transition: color 0.2s;}
	.menuSiteMap .depth2 > ul > li > a:hover:after {color: #fff;}
}

@media (max-width: 1200px) {
	.menuSiteMap .sitemap_lst {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 768px) {
	.menuSiteMap .sitemap_lst {grid-template-columns: repeat(2, 1fr);}
	.menuSiteMap .tit_d1 a {font-size: 14px;padding: 15px 10px;}
	.menuSiteMap .depth2 > ul {padding: 10px;}
}

@media (max-width: 480px) {
	.menuSiteMap .sitemap_lst {grid-template-columns: 1fr;}
	.menuSiteMap .sitemap_lst > li {border-right: none;border-bottom: 1px solid #e0e0e0;}
	.menuSiteMap .sitemap_lst > li:last-child {border-bottom: none;}
}