@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 18px;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section, main {
	display: block;
}
/*
body {
	line-height: 1;
}
*/
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}

table {
	position: relative;
	border-collapse: collapse;
	border-spacing: 0;
}

table caption {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

button {
	cursor: pointer;
	background-color: transparent;
}

a {
	/* HSY CSS 수정 display: block; */
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

input, textarea {
	appearance: none;
	-webkit-appearance: none;
	/* HSY CSS 수정 검색창 하얗게 background-color: transparent;*/
	padding-block: unset;
	padding-inline: unset;
	font-family: "Pretendard GOV";
}

input::placeholder, textarea::placeholder {
	font-family: "Pretendard GOV";
}

html {
	font-family: "Pretendard GOV", Pretendard, -apple-system,
		BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
		"Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic",
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	font-weight: 400;
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	word-break: keep-all;
	word-wrap: break-word;
}
/* html * {
  box-sizing: border-box;
} */
svg {
	display: block;
}

sup {
	vertical-align: super;
}

@font-face {
	font-family: "Pretendard GOV";
	src: url("../fonts/PretendardGOV-Bold.subset.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Pretendard GOV";
	src: url("../fonts/PretendardGOV-SemiBold.subset.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Pretendard GOV";
	src: url("../fonts/PretendardGOV-Medium.subset.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Pretendard GOV";
	src: url("../fonts/PretendardGOV-Regular.subset.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Regular.subset.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Medium.subset.woff2") format("woff2");
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-SemiBold.subset.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Pretendard";
	src: url("../fonts/Pretendard-Bold.subset.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}
/* 공통 - 레이아웃 시작 */
a {
	display: unset;
}
/*
html * {
	box-sizing: unset;
}*/

*:focus-visible {
	outline: 2px dashed #000;
	outline-offset: 2px;
}

body.rnw {
	min-width: auto;
}

.rnw-wrapper {
	color: #1D1D1D;
}

.container {
	width: 100%;
	margin: 0 auto;
	/*adding-top: 0;*/
	box-sizing: border-box;
	/* HSY CSS 수정
  padding-right: clamp(64px, (100vw - 1440px) / 480 * 32 + 64px, 96px);
  padding-left: clamp(64px, (100vw - 1440px) / 480 * 32 + 64px, 96px);
  
  */
}

.container_new {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	padding-right: clamp(64px, (100vw - 1440px) / 480 * 32 + 64px, 96px);
  	padding-left: clamp(64px, (100vw - 1440px) / 480 * 32 + 64px, 96px);
	box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
	.container {
		padding-right: max(16px, 4.11vw);
		padding-left: max(16px, 4.11vw);
	}
}

@media screen and (max-width: 1280px) {
	.container_new {
		padding-right: max(16px, 4.11vw);
		padding-left: max(16px, 4.11vw);
	}
}

@media screen and (max-width: 1280px) {
	.container.no-pd-m {
		padding: 0;
	}
}

@media screen and (max-width: 1280px) {
	.container_new.no-pd-m {
		padding: 0;
	}
}

.container-box-1300 {
	position: relative;
	margin: 0 auto;
	max-width: 1300px;
}

.container-box-2368 {
	position: relative;
	margin: 0 auto;
	max-width: 2368px;
}

.rnw-page-container {
	position: relative;
	min-height: 100vh;
	min-height: 100svh;
	padding-top: 10px;
	background-color: #ffffff;
	color: #1D1D1D;
}

@media screen and (max-width: 1280px) {
	.rnw-page-container {
		padding-top: 0;
		padding-bottom: 5.8rem;
		overflow: hidden;
	}
}

@media screen and (max-width: 1280px) {
	.rnw-page-container.no-pd-bottom-m {
		padding-bottom: 0;
	}
}

.rnw-page-container.bg-gray {
	background-color: #F8F8F8;
}

@media screen and (max-width: 1280px) {
	.rnw-page-container.bg-gray-mo {
		background-color: #F8F8F8;
	}
}

.rnw-page-gradient-bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(175.6deg, #A4D5FF 0%, #F8F8F8 75.14%, #F8F8F8 100%);
}

@media screen and (max-width: 1024px) {
	.rnw-page-gradient-bg {
		display: block;
	}
}

.rnw-page-gradient-bg .gradient-bg-back {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.rnw-page-gradient-bg .circle {
	position: absolute;
	border-radius: 50%;
}

.rnw-page-gradient-bg .circle.circle-1 {
	width: 580px;
	height: 580px;
	top: -328px;
	left: -218px;
	background: radial-gradient(50% 50% at 50% 50%, #F8F8F8 0%, rgba(248, 248, 248, 0)
		100%);
}

.rnw-page-gradient-bg .circle.circle-2 {
	width: 580px;
	height: 580px;
	top: -252px;
	right: -276px;
	background: radial-gradient(50% 50% at 50% 50%, #C4C9FF 0%, rgba(196, 201, 255, 0)
		100%);
}

.rnw-page-gradient-bg .circle.circle-3 {
	width: 327px;
	height: 327px;
	top: 289px;
	left: -163.5px;
	background: radial-gradient(50% 50% at 50% 50%, #CAEEFA 0%, rgba(202, 238, 250, 0)
		100%);
}

.rnw-page-gradient-bg .circle.circle-4 {
	width: 580px;
	height: 580px;
	bottom: 1108px;
	left: 50%;
	transform: translateX(-50%);
	background: radial-gradient(50% 50% at 50% 50%, rgba(148, 184, 255, 0.5)
		0%, rgba(148, 184, 255, 0) 100%);
}

.sub-tab-container+.sub-section {
	padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}

.sub-section {
	padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
	padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}

@media screen and (max-width: 1280px) {
	.sub-section {
		padding-bottom: 0;
	}
}

.sub-component:not(:first-child) {
	padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}

/* 공통 - 레이아웃 끝 */
@media screen and (max-width: 1280px) {
	br.d {
		display: none;
	}
}

br.m {
	display: none;
}

@media screen and (max-width: 1280px) {
	br.m {
		display: block;
	}
}

br.m-s {
	display: none;
}

@media screen and (max-width: 600px) {
	br.m-s {
		display: block;
	}
}

br.br-345 {
	display: none;
}

@media screen and (max-width: 345px) {
	br.br-345 {
		display: block;
	}
}

@media screen and (max-width: 1280px) {
	.dp-d {
		display: none !important;
	}
}

.dp-m {
	display: none !important;
}

@media screen and (max-width: 1280px) {
	.dp-m {
		display: block !important;
	}
}

.dp-flex-m {
	display: none;
}

@media screen and (max-width: 1280px) {
	.dp-flex-m {
		display: flex;
	}
}

.text-blue {
	color: #0053F2;
}

.text-number {
	font-family: "Pretendard", sans-serif;
}

.sr-only {
	position: absolute;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.topBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #001130;
	border-radius: 0.6rem;
	position: absolute;
	right: 0;
	bottom: 100%;
	margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
	aspect-ratio: 1/1;
	width: 5.6rem;
}

@media screen and (max-width: 1280px) {
	.topBtn {
		display: none;
	}
}

.topBtn svg {
	display: block;
	width: 2.4rem;
	height: auto;
	aspect-ratio: 1/1;
}

.footer {
	position: relative;
	background-color: #ffffff;
	border-top: 1px solid #E4E4E4;
	z-index: 2;
}

.footer * {
	box-sizing: border-box;
}

.footer .footer-content {
	position: relative;
	padding: clamp(1.6rem, 2.08333vmax, 4rem) 0
		clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}

.footer .footer-left-con {
	display: flex;
	flex-direction: column;
}

.footer .footer-inner {
	display: flex;
	gap: clamp(1.6rem, 2.08333vmax, 4rem);
	justify-content: space-between;
	align-content: space-between;
}

.footer .footer-logo {
	margin-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
}

.footer .footer-logo.pc {
	display: block;
}

.footer .footer-logo.mo {
	display: none;
}

.footer .footer-right-con {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}

.footer .footer-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 2.2rem;
	row-gap: 1.6rem;
}

.footer .footer-info-address {
	margin-bottom: 1rem;
	color: #555555;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.footer .footer-info-address.pc {
	display: block;
}

.footer .footer-info-address.mo {
	display: none;
}

.footer .footer-info-address b {
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.footer .footer-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 2.1rem;
	color: #2D2D2D;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.footer .footer-menu li {
	position: relative;
}

.footer .footer-menu li:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -1rem;
	width: 1px;
	height: 1.2rem;
	transform: translateY(-50%);
	background-color: #C6C6C6;
}

.footer .footer-menu b {
	color: #0045C9;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.footer .footer-family-site {
	margin-top: 0.4rem;
}

.footer .footer-family-site .dropbox-wrap .selected-value {
	display: flex;
	justify-content: space-between;
	height: 5.6rem;
	min-width: 28.2rem;
	max-width: 35rem;
	padding: 0 2rem;
	align-items: center;
	gap: 1rem;
	flex: 1 0 0;
	background-color: #F8F8F8;
	border-color: #F0F0F0;
	transition: ease 0.3s;
}

@media screen and (max-width: 1280px) {
	.footer .footer-family-site .dropbox-wrap .selected-value {
		min-width: auto;
	}
}

.footer .footer-family-site .dropbox-wrap .selected-value .txt {
	font-size: 1.7rem;
	letter-spacing: -0.01em;
	line-height: 1;
	font-weight: 600;
	color: #717171;
}

.footer .footer-family-site .dropbox-wrap.show .selected-value {
	background-color: #ffffff;
	border: 1px solid #0045C9;
}

.footer .footer-family-site .dropbox-wrap.show .dropbox {
	max-height: 30.7rem;
	padding: 0.4rem 0.5rem 0.4rem 0.8rem;
	bottom: calc(100% + 0.6rem - 2px);
	border-top: 1px solid #0045C9;
	border-left: 1px solid #0045C9;
	border-right: 1px solid #0045C9;
	border-bottom: 1px solid #F0F0F0;
}

.footer .footer-family-site .dropbox-wrap.show .dropbox::-webkit-scrollbar
	{
	width: 4px;
}

.footer .footer-family-site .dropbox-wrap.show .dropbox::-webkit-scrollbar-thumb
	{
	border: 0;
}

.footer .footer-sns {
	display: flex;
	gap: 1rem;
}

.footer .copyright {
	color: #717171;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.footer .footer-gnb {
	display: none;
}

.footer .footer-family-site .menu {
	display: block;
	padding: 12px;
	cursor: default;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

@media screen and (max-width: 1280px) {
	.footer .footer-family-site .menu {
		padding: 8px 12px;
	}
}

.footer .dropbox-wrap .dropbox {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

@media screen and (max-width: 1280px) {
	.footer {
		border-top: 0;
		position: relative;
	}
	/* 
	.footer::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 5.6rem;
		footer 그라데이션 삭제
		top: -5.6rem;
		background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.3)
			30%, rgba(255, 255, 255, 0.7) 60%, #FFFFFF 90%);
	}
	*/
	.footer .footer-content {
		padding-top: 2.4rem;
		padding-bottom: 3.2rem;
	}
	.footer .web-logo.pc {
		display: none;
	}
	.footer .web-logo.mo img {
		display: block;
		width: 51px;
		height: auto;
	}
	.footer .footer-logo {
		margin-bottom: 1.6rem;
	}
	.footer .footer-logo.pc {
		display: none;
	}
	.footer .footer-logo.mo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.footer .footer-logo svg {
		width: 15.8rem;
	}
	.footer .footer-info {
		align-items: flex-start;
		flex-direction: column;
	}
	.footer .footer-info-address {
		margin-bottom: 2rem;
		padding: 0 4px;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: 1.3rem;
	}
	.footer .footer-info-address p:last-child {
		margin-top: 2px;
	}
	.footer .footer-info-address b {
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: 1.3rem;
	}
	.footer .footer-info-address.pc {
		display: none;
	}
	.footer .footer-info-address.mo {
		display: block;
	}
	.footer .footer-inner {
		position: relative;
		flex-direction: column-reverse;
		gap: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
		padding-bottom: 64px;
	}
	.footer .footer-menu {
		margin-top: 0;
		column-gap: 1.6rem;
		row-gap: 0.6rem;
		padding: 0 4px;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: 1.3rem;
	}
	.footer .footer-menu li:not(:last-child)::after {
		right: -0.8rem;
		height: 1rem;
	}
	.footer .footer-menu b {
		color: #1D1D1D;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: 1.3rem;
	}
	.footer .footer-right-con {
		align-items: flex-start;
	}
	.footer .footer-family-site {
		margin-top: 0;
		width: 100%;
	}
	.footer .footer-family-site .dropbox-wrap .selected-value {
		width: 100%;
		max-width: 100%;
		height: 4.8rem;
		padding: 0 1.6rem;
	}
	.footer .footer-family-site .dropbox-wrap .selected-value .txt {
		font-size: 1.4rem;
	}
	.footer .footer-sns {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-top: 1.6rem;
	}
	.footer .copyright {
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: 1.3rem;
	}
}

.gnb-bottom-fixed {
	width: 100%;
	border-top: 1px solid #E4E4E4;
	display: none;
}

@media screen and (max-width: 1024px) {
	.gnb-bottom-fixed {
		display: block;
	}
}

.gnb-bottom-fixed .gnb-bottom {
	display: flex;
	justify-content: center;
}

.gnb-bottom-fixed .gnb-bottom ul {
	display: flex;
	padding: 6px 0 30px;
	max-width: 720px;
	width: 100%;
}

.gnb-bottom-fixed .gnb-bottom ul li {
	flex: 1;
}

.gnb-bottom-fixed .gnb-bottom ul li .gnb-bottom-item {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.gnb-bottom-fixed .gnb-bottom ul li .gnb-bottom-item .icon {
	position: relative;
	width: 32px;
	height: 32px;
}

.gnb-bottom-fixed .gnb-bottom ul li .gnb-bottom-item .icon img {
	position: absolute;
	top: 0;
	left: 0;
}

.gnb-bottom-fixed .gnb-bottom ul li .gnb-bottom-item .icon img.active {
	visibility: hidden;
}

.gnb-bottom-fixed .gnb-bottom ul li .gnb-bottom-item .gnb-bottom-item-name
	{
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	color: #555555;
}

.gnb-bottom-fixed .gnb-bottom ul li.active .gnb-bottom-item img.active {
	visibility: visible;
}

.gnb-bottom-fixed .gnb-bottom ul li.active .gnb-bottom-item img.default
	{
	visibility: hidden;
}

.gnb-bottom-fixed .gnb-bottom ul li.active .gnb-bottom-item .gnb-bottom-item-name
	{
	color: #0045C9;
}

@media screen and (max-width: 1024px){
	.main [id*=mf_wfm_header_gnb]{
		display: none;
	}
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	/* type이 white 이면서 2depth open, search-open이 false인 경우 */
}

.header * {
	box-sizing: border-box;
}

.header .skip-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}

.header .skip-nav a {
	display: block;
	height: 0;
	text-align: center;
	overflow: hidden;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.7rem;
}

@media screen and (max-width: 1440px) {
	.header .skip-nav a {
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 1024px) {
	.header .skip-nav a {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 600px) {
	.header .skip-nav a {
		font-size: 1.6rem;
	}
}

.header .skip-nav a:focus {
	height: auto;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #ffffff;
	background-color: #002B7D;
}

.header.header--white:not(.header--open):not(.header--search-open) .header-gnb
	{
	background-color: transparent;
	border-bottom: 0;
}

.header .header-gnb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 7rem;
	background-color: #ffffff;
	border-bottom: 1px solid #E4E4E4;
	transition: background-color ease 0.3s, background ease 0.3s;
	z-index: 9999;
}

.header .header-gnb .gnb-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 2560px;
	height: 100%;
	margin: 0 auto;
	padding-left: clamp(53px, ( 100vw - 1025px)/17.92+ 53px, 96px);
	padding-right: clamp(53px, ( 100vw - 1025px)/17.92+ 53px, 96px);
}

@media screen and (max-width: 1024px) {
	.header .header-gnb .gnb-inner {
		padding-left: max(2rem, 5.12821vw);
		padding-right: max(2rem, 5.12821vw);
	}
}

.header .header-gnb .inner-left {
	display: flex;
	align-items: center;
	height: 100%;
}

.header .header-gnb .inner-left .logo-wrap {
	display: inline-flex;
	gap: 2.5rem;
	width: 214px;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .logo-wrap {
		width: auto;
		gap: 2rem;
	}
}

.header .header-gnb .inner-left .logo-wrap .logo {
	position: relative;
	display: block;
	width: 101px;
	height: auto;
}

.header .header-gnb .inner-left .logo-wrap .logo svg {
	width: 100%;
	height: 100%;
}

.header .header-gnb .inner-left .nav {
	align-items: center;
	height: 100%;
}

.header .header-gnb .inner-left .nav:focus {
	outline: none;
}

@media screen and (min-width: 1280px) {
	.header .header-gnb .inner-left .nav {
		transform: none !important;
		display: flex !important;
	}
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav {
		display: none;
		align-items: flex-start;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: 0;
		left: 100%;
		width: 100%;
		max-width: 40rem;
		background-color: #ffffff;
		z-index: 10009;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list {
	display: flex;
	align-items: center;
	height: 100%;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list {
		flex-direction: column;
		height: auto;
		padding-top: 2rem;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li {
	height: 100%;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li:first-child>a {
	padding-left: 0;
	padding-right: calc(min(3.6rem, 1.875vw)/2);
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li:last-child>a {
	padding-left: calc(min(3.6rem, 1.875vw)/2);
	padding-right: 0;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li.only-mo {
	display: none;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li.only-mo {
		display: block;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: calc(min(3.6rem, 1.875vw)/2);
	padding-right: calc(min(3.6rem, 1.875vw)/2);
	font-size: 1.9rem;
	font-weight: 600;
	color: #1D1D1D;
}

@media screen and (max-width: 1440px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a {
		display: flex;
		align-items: center;
		width: 15rem;
		height: 5.6rem;
		padding-left: 2rem !important;
		padding-right: 0 !important;
		border-top-right-radius: 0.8rem;
		border-bottom-right-radius: 0.8rem;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 1279px) and (max-width: 1440px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a {
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 1279px) and (max-width: 1024px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 1279px) and (max-width: 600px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a.active {
		background-color: #0045C9;
		color: #ffffff;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a.active span {
	color: #0045C9;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a.active span {
		color: #ffffff;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a.active span::after
	{
	width: 100%;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a span {
	position: relative;
	height: 100%;
	line-height: 7rem;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a span {
		height: auto;
		line-height: 1.5;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	display: block;
	width: 0;
	height: 2px;
	background-color: #0045C9;
	transition: width 0.3s ease;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li>a span::after {
		content: none;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth {
	position: absolute;
	top: 7rem;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	transition: transform 0.3s ease;
	z-index: -1;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth {
		display: none;
		top: 6rem;
		left: 15rem;
		transform: none;
		width: calc(100% - 13.8rem);
		max-width: 26.2rem;
		height: auto !important;
		margin-left: 0.8rem;
		border-top: none;
		opacity: 1 !important;
		pointer-events: all !important;
	}
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth.active
		{
		display: block !important;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner
	{
	display: flex;
	width: 100%;
	max-width: 2560px;
	padding: 0 clamp(53px, ( 100vw - 1025px)/17.92+ 53px, 96px);
	margin: 0 auto;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner
		{
		flex-direction: column;
		padding: 0;
		padding-top: 2rem;
		padding-bottom: 2rem;
		height: calc(100dvh - 6rem - 6.7rem);
		overflow-y: auto;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .in-1depth
	{
	width: 31.2rem;
	padding-top: 3.2rem;
	padding-bottom: 4.8rem;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .in-1depth
		{
		display: none;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .in-1depth .in-1depth-name
	{
	color: #1D1D1D;
	padding-top: 0.25em;
	padding-bottom: 0.4166666667em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .in-1depth .in-1depth-desc
	{
	color: #717171;
	padding-right: 4.8rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.3rem;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul
	{
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.7rem;
	row-gap: 2.4rem;
	width: calc(100% - 26.4rem - 4.8rem);
	padding-top: 3.2rem;
	padding-bottom: 4rem;
	padding-left: max(2.8rem, 2.0833vw);
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul
		{
		flex-direction: column;
		column-gap: 0;
		row-gap: 0.8rem;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 2rem;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li
	{
	min-width: 18.8rem;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li
		{
		width: 100%;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li.open>a svg
	{
	transform: rotate(180deg);
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 1.2rem 1.2rem 1.2rem 1.6rem;
	border-radius: 0.6rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	color: #1D1D1D;
	background-color: #F8F8F8;
	transition: ease 0.3s;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a svg
	{
	width: 2.4rem;
	height: 2.4rem;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a .icon-pc
	{
	display: block;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a .icon-pc svg path
	{
	stroke: #8E8E8E;
	transition: ease 0.3s;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a .icon-pc
		{
		display: none;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a .icon-mo
	{
	display: none;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a .icon-mo svg
	{
	transition: ease 0.3s;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a .icon-mo svg path
	{
	stroke: #8E8E8E;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a .icon-mo
		{
		display: block;
	}
}

@media screen and (hover: hover) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a:hover
		{
		color: #0045C9;
		background-color: #EFF5FF;
	}
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a:hover svg path
		{
		stroke: #0045C9;
	}
}

@media screen and (min-width: 1280px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a.active,
		.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a.hover
		{
		color: #0045C9;
		background-color: #EFF5FF;
	}
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a.active svg path,
		.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a.hover svg path
		{
		stroke: #0045C9;
	}
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner>ul>li>a
		{
		height: 5.6rem;
		padding: 0 1.6rem 0 2rem;
		border-radius: max(0.6rem, 0.41666vw);
		background-color: #F6F6F6;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth
	{
	padding-top: 0.6rem;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth
		{
		padding-top: 0;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul
	{
	display: flex;
	flex-direction: column;
	padding: 0.2rem 1.2rem 0.2rem 1.6rem;
}

@media screen and (min-width: 1280px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul
		{
		height: auto !important;
		display: flex !important;
	}
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul
		{
		display: none;
		height: 0;
		padding: 0;
		overflow: hidden;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a
	{
	display: flex;
	align-items: center;
	gap: 0.4rem;
	width: fit-content;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	color: #1D1D1D;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a
		{
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
		padding-left: 2rem;
		padding-right: 1.6rem;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a span
	{
	position: relative;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a span::after
	{
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	display: block;
	width: 0;
	height: 1px;
	background-color: #0045C9;
	transition: width 0.3s ease;
}

@media screen and (hover: hover) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a:hover
		{
		color: #0045C9;
	}
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a:hover span::after
		{
		width: 100%;
	}
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a.active
	{
	color: #0045C9;
}

.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li>a.active span::after
	{
	width: 100%;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li:first-child a
		{
		padding-top: 1.6rem;
	}
	.header .header-gnb .inner-left .nav .gnb-1depth-list>li .gnb-2depth .gnb-2depth-inner .gnb-3depth>ul>li:last-child a
		{
		padding-bottom: 1rem;
	}
}

.header .header-gnb .inner-right {
	display: flex;
	align-items: center;
	column-gap: min(1.3rem, 0.6770833333vw);
}

.header .header-gnb .inner-right .header-util {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-right .header-util {
		column-gap: 0.6rem;
	}
	.header .header-gnb .inner-right .header-util li:not(.btn-header-hamburger,
		.btn-header-search) {
		display: none;
	}
}

.header .header-gnb .inner-right .header-util .btn-header-hamburger .btn-hamburger-close
	{
	display: none;
}

.header .header-gnb .inner-right .header-util li a {
	display: block;
}

.header .header-gnb .inner-right .header-util li a, .header .header-gnb .inner-right .header-util li button
	{
	width: 5.1rem;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .inner-right .header-util li:not(.btn-header-subscribe) a,
		.header .header-gnb .inner-right .header-util li:not(.btn-header-subscribe) button
		{
		width: auto;
		padding: 0 0.3rem;
	}
}

.header .header-gnb .inner-right .header-util li:not(.btn-header-subscribe) a svg,
	.header .header-gnb .inner-right .header-util li:not(.btn-header-subscribe) button svg
	{
	width: 2.4rem;
	height: 2.4rem;
	margin: 0 auto;
}

.header .header-gnb .inner-right .header-util li:not(.btn-header-subscribe) a .btn-header-text,
	.header .header-gnb .inner-right .header-util li:not(.btn-header-subscribe) button .btn-header-text
	{
	display: block;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
	padding-top: 0.2rem;
	color: #1D1D1D;
}

.header .header-gnb .inner-right .header-util .btn-header-search .close
	{
	display: none;
}

.header .header-gnb .gnb-2depth-bg {
	position: absolute;
	top: 7rem;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	height: 0;
	background-color: #ffffff;
	z-index: -1;
}

.header .header-gnb .gnb-2depth-bg .line {
	display: block;
	height: 100%;
	width: 31.2rem;
	margin-left: clamp(53px, ( 100vw - 1025px)/17.92+ 53px, 96px);
	border-right: 1px solid #E4E4E4;
}

@media screen and (max-width: 1279px) {
	.header .header-gnb .gnb-2depth-bg .line {
		display: none;
	}
}

.header .header-dim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.header .header-dim.active {
	opacity: 1;
	pointer-events: auto;
}

@media screen and (max-width: 1279px) {
	.header .header-dim.pc {
		display: none;
	}
}

.header .header-dim {
	z-index: 1;
}

/* 메인 모바일 헤더 */
.header-Main {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	width: 100%;
	height: 62px;
	display: none;
}

.header-main * {
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
	.header-Main {
		display: block;
	}
}

.header-Main .container {
	height: 100%;
}

.header-Main .container_new {
	height: 100%;
}

.header-Main .header-main-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.header-Main .header-left {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 8px;
}

.header-Main .header-logo {
	display: flex;
	align-items: center;
	height: 100%;
}

.header-Main .header-logo img, .header-Main .header-logo svg {
	width: 88px;
	height: auto;
}

.header-Main .toggle-switch {
	position: relative;
	display: flex;
	align-items: center;
	width: 55px;
	height: 25px;
	padding: 4.5px 4px;
	border-radius: 99px;
	cursor: pointer;
	background-color: #D8D8D8;
	transition: all 0.3s ease;
}

.header-Main .toggle-switch.active {
	background-color: #0053F2;
}

.header-Main .toggle-switch.active .toggle-slider {
	right: 4px;
	left: unset;
}

.header-Main .toggle-switch.active .toggle-text {
	color: #ffffff;
}

.header-Main .toggle-switch.active .toggle-text.on {
	visibility: visible;
	left: 8px;
}

.header-Main .toggle-switch.active .toggle-text.off {
	visibility: hidden;
	right: 8px;
}

.header-Main .toggle-switch .toggle-slider-text.on {
	display: none;
}

.header-Main .toggle-switch .toggle-slider-text.off {
	display: block;
}

.header-Main .toggle-switch .toggle-slider {
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translate(0, -50%);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #ffffff;
	transition: all 0.3s ease;
}

.header-Main .toggle-switch .toggle-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 600;
	font-size: 13px;
	text-align: center;
	color: #555555;
}

.header-Main .toggle-switch .toggle-text.on {
	visibility: hidden;
	left: 8px;
}

.header-Main .toggle-switch .toggle-text.off {
	visibility: visible;
	right: 8px;
}

.header-Main .header-right .util {
	display: flex;
	align-items: center;
}

.btn_sitemap {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	font-size: 0;
	background: url(../images/ic-navi-menu.png) no-repeat;
	background-size: 30px;
	text-indent: -9999px;
}

/* 컴포넌트 - 브래드크럼 시작 */
.breadcrumb {
	display: flex;
	align-items: center;
	/*margin-bottom: 32px;*/
}

.breadcrumb.sub_menu {
	margin-bottom: 0px;;
}

.breadcrumb .breadcrumb-home a {
	display: flex;
	align-items: center;
	column-gap: 6px;
}


.breadcrumb li {
	/*
	display: flex;
	color: #717171;
	font-size: 12px;
	*/
	align-items: center;
	font-weight: 400;
	/*line-height: 1.5;*/
}

.breadcrumb.sub_menu li {
	display: flex;
	align-items: center;
	color: #000000;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
}

.breadcrumb li span {
	padding: 0 6px;
}

.breadcrumb li a {
	text-decoration: underline;
	text-underline-position: under;
}

@media screen and (max-width: 1280px) {
	.breadcrumb {
		/*margin-bottom: 24px;*/
	}
}
/* 컴포넌트 - 브래드크럼 끝 */
/* 컴포넌트 - 페이지네이션 시작 */
.pagination .pagination-number-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.pagination .pagination-number-box .arrow-box a {
	display: flex;
	align-items: center;
	height: 4rem;
	color: #1D1D1D;
	padding: 0 12px 0 4px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.pagination .pagination-number-box .arrow-box.first a, .pagination .pagination-number-box .arrow-box.first svg,
	.pagination .pagination-number-box .arrow-box.last a, .pagination .pagination-number-box .arrow-box.last svg
	{
	color: #8E8E8E;
	cursor: default;
}

.pagination .pagination-number-box .arrow-box.next a {
	padding: 0 4px 0 12px;
}

.pagination .pagination-number-box .number-box {
	display: flex;
	align-items: center;
	gap: 2px;
}

.pagination .pagination-number-box .number-box a {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #1D1D1D;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.pagination .pagination-number-box .number-box a.active {
	background-color: #0053F2;
	color: #ffffff;
}

.pagination .pagination-number-box .number-box .dots {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1280px) {
	.pagination .pagination-number-box {
		flex-wrap: wrap;
		column-gap: 0;
		row-gap: 4px;
	}
	.pagination .pagination-number-box .arrow-box {
		display: inline-flex;
		width: 50%;
		justify-content: flex-end;
	}
	.pagination .pagination-number-box .arrow-box a {
		height: 32px;
		padding: 0 24px 0 0;
	}
	.pagination .pagination-number-box .arrow-box.next {
		justify-content: flex-start;
	}
	.pagination .pagination-number-box .arrow-box.next a {
		position: relative;
		padding: 0 0 0 24px;
	}
	.pagination .pagination-number-box .arrow-box.next a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 2px;
		height: 16px;
		background-color: #D8D8D8;
		border-radius: 2px;
	}
	.pagination .pagination-number-box .number-box {
		order: 1;
		gap: 0;
	}
}
/* 컴포넌트 - 페이지네이션 끝 */
/* 공통 - 페이지 타이틀 헤더 시작 */
.head-d {
	position: relative;
}

.head-d .page-head-title {
	padding-bottom: 4.8rem;
	color: #1D1D1D;
	font-size: clamp(56px, 3.33333vw, 64px);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1px;
}

.head-d .page-head-title+.sub-component {
	margin-top: 0;
}

.head-m.bg-white {
	background-color: #ffffff;
}

.head-m .page-head-top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	margin-right: max(1.6rem, 1.9531vw);
	margin-left: max(1.6rem, 1.9531vw);
}

.head-m .page-head-top a:not(.braille-btn) {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.head-m .page-head-top .page-head-title {
	font-size: 19px;
	line-height: 1.5;
	font-weight: 700;
}

.head-m .page-head-top-menu { /* 마이페이지 메인 */
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 62px;
	padding-right: max(1.6rem, 1.9531vw);
	padding-left: max(1.6rem, 1.9531vw);
	margin-bottom: 6px;
	box-sizing: border-box;
}

.head-m .page-head-top-menu .page-head-menu-title {
	display: flex;
	align-items: center;
	gap: 0.1px;
}

.head-m .page-head-top-menu .page-head-menu-title b {
	font-weight: 700;
	margin-right: 0.2em;
}

.head-m .page-head-top-menu .page-head-menu-title span {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: -0.3px;
}

.head-m .page-head-top-menu .page-head-menu-title .company {
	font-size: 18px;
}

.head-m .page-head-top-menu .page-head-btn-setting span {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.4px;
	color: #555555;
	text-decoration: underline; /* [250904] 웹접근성 수정 */
	text-underline-offset: 3px;
}

.head-m .notification-phone-banner { /* 휴대폰 기기 앱 알림 설정 박스 */
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background-color: #ffffff;
	border-top: 1px solid #F8F8F8;
	border-bottom: 1px solid #F0F0F0;
}

.head-m .notification-phone-banner .phone-banner-text {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.5;
	color: #1D1D1D;
}

.head-m .notification-phone-banner .phone-banner-link {
	font-weight: 500;
	font-size: 13px;
	line-height: 1.5;
	text-decoration: underline;
	text-underline-offset: 2px;
	color: #555555;
}

/* 공통 - 페이지 타이틀 헤더 끝 */
.tab-container {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
	background-color: #ffffff;
}

@media screen and (max-width: 1280px) {
	.tab-container {
		gap: 1.6rem;
	}
}

@media screen and (max-width: 1280px) {
	.tab-container {
		gap: 2rem;
	}
}

.tab-container+.sub-section {
	padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}

@media screen and (max-width: 1280px) {
	.tab-container+.sub-section {
		padding-top: 1.2rem;
	}
}

.tab-list {
	display: flex;
	box-sizing: border-box;
}

.tab-list .tab-item a {
	display: block;
	color: #717171;
}

.tab-list.style1 {
	gap: 4rem;
	border-bottom: 1px solid #D8D8D8;
}

.tab-list.style1 .tab-item a, .tab-list.style1 .tab-item button {
	position: relative;
	padding: 0.95rem 0;
	color: #555555;
	transition: color 0.3s ease;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.9rem;
}

@media screen and (max-width: 1440px) {
	.tab-list.style1 .tab-item a, .tab-list.style1 .tab-item button {
		font-size: 1.9rem;
	}
}

@media screen and (max-width: 1024px) {
	.tab-list.style1 .tab-item a, .tab-list.style1 .tab-item button {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 600px) {
	.tab-list.style1 .tab-item a, .tab-list.style1 .tab-item button {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 1280px) {
	.tab-list.style1 .tab-item a, .tab-list.style1 .tab-item button {
		font-size: 1.6rem;
	}
}

.tab-list.style1 .tab-item a::before, .tab-list.style1 .tab-item button::before
	{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #1D1D1D;
	transition: width 0.3s ease;
	z-index: 2;
}

@media screen and (hover: hover) and (max-width: 1280px) {
	.tab-list.style1 .tab-item a:hover, .tab-list.style1 .tab-item button:hover
		{
		color: #1D1D1D;
	}
	.tab-list.style1 .tab-item a:hover::before, .tab-list.style1 .tab-item button:hover::before
		{
		width: 100%;
	}
}

.tab-list.style1 .tab-item.active a, .tab-list.style1 .tab-item.active button
	{
	color: #1D1D1D;
}

.tab-list.style1 .tab-item.active a::before, .tab-list.style1 .tab-item.active button::before
	{
	width: 100%;
}

@media screen and (max-width: 1280px) {
	.tab-list.style1 {
		gap: 4.8rem;
	}
}

@media screen and (max-width: 1280px) {
	.tab-list.style1 {
		gap: 2.4rem;
	}
}

@media screen and (max-width: 1280px) {
	.tab-list.style1.type-full {
		width: 100%;
	}
	.tab-list.style1.type-full .tab-item {
		width: 50%;
	}
	.tab-list.style1.type-full .tab-item a, .tab-list.style1.type-full .tab-item button
		{
		justify-content: center;
		width: 100%;
	}
}

.tab-list.style2 {
	gap: 0.8rem;
}

.tab-list.style2 .tab-item a {
	padding: 0.8rem 1.6rem;
	border-radius: 1.2rem;
	background-color: #F8F8F8;
	color: #555555;
	border: 1px solid #E4E4E4;
	transition: background-color 0.3s ease, color 0.3s ease;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.tab-list.style2 .tab-item a {
	font-weight: 500;
}

@media screen and (hover: hover) {
	.tab-list.style2 .tab-item a:hover {
		border: 1px solid #0053F2;
		background-color: #0053F2;
		color: #ffffff;
	}
}

@media screen and (max-width: 1280px) {
	.tab-list.style2 .tab-item a {
		padding: 0.6rem 1.3rem;
	}
}

.tab-list.style2 .tab-item.active a {
	border: 1px solid #0053F2;
	background-color: #0053F2;
	color: #ffffff;
}

@media screen and (max-width: 1280px) {
	.tab-list.style2 {
		gap: 0.8rem;
	}
}

@media screen and (max-width: 1280px) {
	.tab-list.style2 {
		gap: 1.2rem;
	}
}

.tab-list.style3 {
	gap: 8px;
	flex-wrap: wrap;
}

.tab-list.style3 a, .tab-list.style3 button {
	display: flex;
	align-items: center;
	height: 38px;
	padding: 0 14px 0 8px;
	border-radius: 12px;
	border: 1px solid #F0F0F0;
	transition: background-color 0.3s ease, color 0.3s ease;
	font-weight: 500;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: -2.5%;
	color: #2D2D2D;
	gap: 2px;
}

.tab-list.style3 a img, .tab-list.style3 button img {
	width: 24px;
	height: 24px;
}

.tab-list.style3 a.type-text, .tab-list.style3 button.type-text {
	display: flex;
	align-items: center;
	gap: 3px;
	padding: 0 14px;
}

.tab-list.style3 a b, .tab-list.style3 button b {
	font-weight: 500;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: -2.5%;
}

.tab-list.style3 .tab-item.active a, .tab-list.style3 .tab-item.active button
	{
	background-color: #0053F2;
	color: #ffffff;
	border: 1px solid #0053F2;
}

.tab-list-box.tab-list-box--responsive {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.tab-list-box.tab-list-box--responsive.style1::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #D8D8D8;
}

.tab-list-box.tab-list-box--responsive .tab-list {
	gap: 0;
}

.tab-list-box.tab-list-box--responsive .tab-list.style1 {
	border-bottom: 0;
	overflow-x: auto;
}

.tab-list-box.tab-list-box--responsive .tab-list.style1::-webkit-scrollbar
	{
	display: none;
}

.tab-list-box.tab-list-box--responsive .tab-list.style1 .tab-item {
	white-space: pre;
}

.tab-list-box.tab-list-box--responsive .tab-list.style1 .tab-item:not(:first-child)
	{
	margin-left: 4rem;
}

@media screen and (max-width: 1280px) {
	.tab-list-box.tab-list-box--responsive .tab-list.style1 {
		padding: 0 max(16px, 4.11vw);
	}
	.tab-list-box.tab-list-box--responsive .tab-list.style1 .tab-item:not(:first-child)
		{
		margin-left: 3.2rem;
	}
}

@media screen and (max-width: 1280px) {
	.tab-list-box.tab-list-box--responsive .tab-list.style1 .tab-item:not(:first-child)
		{
		margin-left: 2.4rem;
	}
}

.tab-list-box.tab-list-box--responsive .tab-list.style2 {
	margin-left: -0.8rem;
}

.tab-list-box.tab-list-box--responsive .tab-list.style2 .tab-item {
	margin-left: 0.8rem;
}

@media screen and (max-width: 1280px) {
	.tab-list-box.tab-list-box--responsive .tab-list.style2 {
		margin-left: -0.7rem;
	}
	.tab-list-box.tab-list-box--responsive .tab-list.style2 .tab-item {
		margin-left: 0.7rem;
	}
}

.tab-list-box.tab-list-box--responsive .tab-item {
	width: fit-content;
}

.tab-list-box.tab-list-box--responsive .tab-item a {
	display: inline-flex;
}

.tab-list-box.tab-list-box--responsive .arrow-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.8rem;
	height: 2.8rem;
	display: none;
	align-items: center;
	justify-content: center;
	border: 1px solid #D8D8D8;
	border-radius: 0.6rem;
	background-color: #ffffff;
	z-index: 3;
	box-shadow: -2rem 0rem 2rem 2.7rem #F8F8F8;
}

.tab-list-box.tab-list-box--responsive .arrow-btn.white {
	box-shadow: -2rem 0rem 2rem 2.7rem #ffffff;
}

.tab-list-box.tab-list-box--responsive .arrow-btn svg {
	z-index: 2;
}

.tab-list-box.tab-list-box--responsive .arrow-btn.next-btn {
	right: 0;
	box-shadow: 2rem 0rem 2rem 2.7rem #F8F8F8;
}

.tab-list-box.tab-list-box--responsive .arrow-btn.next-btn.white {
	box-shadow: 2rem 0rem 2rem 2.7rem #ffffff;
}

.tab-list-box.tab-list-box--responsive .arrow-btn.swiper-button-disabled
	{
	display: none;
}

.tab-list-box.tab-list-box--responsive.swiper-initialized .arrow-btn {
	display: inline-flex;
}

.tab-list-box.tab-list-box--responsive.swiper-initialized .arrow-btn.swiper-button-disabled
	{
	display: none;
}

@media screen and (max-width: 1280px) {
	.tab-list-box.tab-list-box--responsive.style1::before {
		width: 100%;
	}
}

.sub-tab-container {
	margin-top: 1.6rem;
}

@media screen and (max-width: 1280px) {
	.sub-tab-container {
		margin: 1rem 0;
	}
}

/**
 * SVG 아이콘 색상 제어 믹스인
 * @param {Color} $color - SVG 요소에 적용할 색상
 * 
 * fill이나 stroke 속성이 이미 있는 요소만 색상을 변경하고,
 * fill: none인 요소는 그대로 유지
 */
/* 컴포넌트 - 버튼 스타일 시작 */
a[class=rnw-btn], .rnw-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	isolation: isolate;
	border-radius: 12px;
	font-weight: 600;
	line-height: 1.5;
}

a[class=rnw-btn].not-hover, .rnw-btn.not-hover {
	cursor: initial;
}

a[class=rnw-btn][disabled], .rnw-btn[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	color: #8E8E8E !important;
}

a[class=rnw-btn][disabled] i path[fill]:not([fill=none]), .rnw-btn[disabled] i path[fill]:not([fill=none])
	{
	fill: #8E8E8E !important;
}

a[class=rnw-btn][disabled] i path[stroke]:not([stroke=none]), .rnw-btn[disabled] i path[stroke]:not([stroke=none])
	{
	stroke: #8E8E8E !important;
}

a[class=rnw-btn][disabled] i path:not([fill]):not([stroke]), .rnw-btn[disabled] i path:not([fill]):not([stroke])
	{
	fill: #8E8E8E !important;
}

a[class=rnw-btn] i svg, .rnw-btn i svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* 컴포넌트 - 버튼 사이즈 */
a[class=rnw-btn].rnw-btn--xl, .rnw-btn.rnw-btn--xl {
	padding: 0.5882352941em 1.0588235294em;
	min-height: 56px;
	font-size: 17px;
	border-radius: 16px;
}

a[class=rnw-btn].rnw-btn--xl i, .rnw-btn.rnw-btn--xl i {
	width: 1.4117647059em;
	height: 1.4117647059em;
}

a[class=rnw-btn].rnw-btn--xl.rnw-btn--left-icon, .rnw-btn.rnw-btn--xl.rnw-btn--left-icon
	{
	gap: 0.1176470588em;
	padding-left: 0.8235294118em;
}

a[class=rnw-btn].rnw-btn--xl.rnw-btn--right-icon, .rnw-btn.rnw-btn--xl.rnw-btn--right-icon
	{
	gap: 0.1176470588em;
	padding-right: 0.8235294118em;
}

a[class=rnw-btn].rnw-btn--xl.rnw-btn--only-icon, .rnw-btn.rnw-btn--xl.rnw-btn--only-icon
	{
	padding-left: 0;
	padding-right: 0;
	width: 56px;
}

a[class=rnw-btn].rnw-btn--l, .rnw-btn.rnw-btn--l {
	padding: 0.5882352941em 1.0588235294em;
	min-height: 46px;
	font-size: 17px;
}

a[class=rnw-btn].rnw-btn--l i, .rnw-btn.rnw-btn--l i {
	width: 1.4117647059em;
	height: 1.4117647059em;
}

a[class=rnw-btn].rnw-btn--l.rnw-btn--left-icon, .rnw-btn.rnw-btn--l.rnw-btn--left-icon
	{
	gap: 0.1176470588em;
	padding-left: 0.8235294118em;
}

a[class=rnw-btn].rnw-btn--l.rnw-btn--right-icon, .rnw-btn.rnw-btn--l.rnw-btn--right-icon
	{
	gap: 0.1176470588em;
	padding-right: 0.8235294118em;
}

a[class=rnw-btn].rnw-btn--l.rnw-btn--only-icon, .rnw-btn.rnw-btn--l.rnw-btn--only-icon
	{
	padding-left: 0;
	padding-right: 0;
	width: 46px;
}

a[class=rnw-btn].rnw-btn--m, .rnw-btn.rnw-btn--m {
	padding: 0.5666666667em 1.0666666667em;
	min-height: 40px;
	font-size: 15px;
}

a[class=rnw-btn].rnw-btn--m i, .rnw-btn.rnw-btn--m i {
	width: 1.3333333333em;
	height: 1.3333333333em;
}

a[class=rnw-btn].rnw-btn--m.rnw-btn--left-icon, .rnw-btn.rnw-btn--m.rnw-btn--left-icon
	{
	gap: 0.1333333333em;
	padding-left: 0.8em;
}

a[class=rnw-btn].rnw-btn--m.rnw-btn--right-icon, .rnw-btn.rnw-btn--m.rnw-btn--right-icon
	{
	gap: 0.1333333333em;
	padding-right: 0.8em;
}

a[class=rnw-btn].rnw-btn--m.rnw-btn--only-icon, .rnw-btn.rnw-btn--m.rnw-btn--only-icon
	{
	padding-left: 0;
	padding-right: 0;
	width: 40px;
}

a[class=rnw-btn].rnw-btn--s, .rnw-btn.rnw-btn--s {
	padding: 0.6153846154em 0.9230769231em;
	min-height: 36px;
	font-size: 13px;
}

a[class=rnw-btn].rnw-btn--s i, .rnw-btn.rnw-btn--s i {
	width: 1.2307692308em;
	height: 1.2307692308em;
}

a[class=rnw-btn].rnw-btn--s.rnw-btn--left-icon, .rnw-btn.rnw-btn--s.rnw-btn--left-icon
	{
	gap: 0.0769230769em;
	padding-left: 0.6153846154em;
}

a[class=rnw-btn].rnw-btn--s.rnw-btn--right-icon, .rnw-btn.rnw-btn--s.rnw-btn--right-icon
	{
	gap: 0.0769230769em;
	padding-right: 0.6153846154em;
}

a[class=rnw-btn].rnw-btn--s.rnw-btn--only-icon, .rnw-btn.rnw-btn--s.rnw-btn--only-icon
	{
	padding-left: 0;
	padding-right: 0;
	width: 36px;
}

/* 컴포넌트 - 버튼 색상 */
a[class=rnw-btn].rnw-btn--fill-blue-40, .rnw-btn.rnw-btn--fill-blue-40 {
	background-color: #0053F2;
	color: #ffffff;
}

a[class=rnw-btn].rnw-btn--fill-blue-40, .rnw-btn.rnw-btn--fill-blue-40 a
	{
	color: #ffffff;
}

a[class=rnw-btn].rnw-btn--fill-blue-40 i path[fill]:not([fill=none]),
	.rnw-btn.rnw-btn--fill-blue-40 i path[fill]:not([fill=none]) {
	fill: #ffffff;
}

a[class=rnw-btn].rnw-btn--fill-blue-40 i path[stroke]:not([stroke=none]),
	.rnw-btn.rnw-btn--fill-blue-40 i path[stroke]:not([stroke=none]) {
	stroke: #ffffff;
}

a[class=rnw-btn].rnw-btn--fill-blue-40 i path:not([fill]):not([stroke]),
	.rnw-btn.rnw-btn--fill-blue-40 i path:not([fill]):not([stroke]) {
	fill: #ffffff;
}

a[class=rnw-btn].rnw-btn--fill-blue-40.rnw-btn--hover-line .label,
	.rnw-btn.rnw-btn--fill-blue-40.rnw-btn--hover-line .label {
	position: relative;
}

a[class=rnw-btn].rnw-btn--fill-blue-40.rnw-btn--hover-line .label::after,
	.rnw-btn.rnw-btn--fill-blue-40.rnw-btn--hover-line .label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	display: block;
	width: 0;
	height: 1px;
	background-color: #ffffff;
	transition: width 0.3s ease;
}

@media screen and (hover: hover) {
	a[class=rnw-btn].rnw-btn--fill-blue-40.rnw-btn--hover-line:hover .label::after,
		.rnw-btn.rnw-btn--fill-blue-40.rnw-btn--hover-line:hover .label::after
		{
		width: 100%;
	}
}

@media screen and (hover: hover) {
	a[class=rnw-btn].rnw-btn--fill-blue-40:not(.not-hover):hover, .rnw-btn.rnw-btn--fill-blue-40:not(.not-hover):hover
		{
		background-color: #0045C9;
	}
}

a[class=rnw-btn].rnw-btn--fill-blue-40:not(.not-hover):active, .rnw-btn.rnw-btn--fill-blue-40:not(.not-hover):active
	{
	background-color: #0038A3;
}

a[class=rnw-btn].rnw-btn--fill-blue-40[disabled], .rnw-btn.rnw-btn--fill-blue-40[disabled]
	{
	border: 1px solid #D8D8D8;
	background-color: #E4E4E4;
}

a[class=rnw-btn].rnw-btn--fill-blue-5, .rnw-btn.rnw-btn--fill-blue-5 {
	background-color: #EFF5FF;
	color: #0053F2;
}

a[class=rnw-btn].rnw-btn--fill-blue-5, .rnw-btn.rnw-btn--fill-blue-5 a {
	color: #0053F2;
}

a[class=rnw-btn].rnw-btn--fill-blue-5 i path[fill]:not([fill=none]),
	.rnw-btn.rnw-btn--fill-blue-5 i path[fill]:not([fill=none]) {
	fill: #0053F2;
}

a[class=rnw-btn].rnw-btn--fill-blue-5 i path[stroke]:not([stroke=none]),
	.rnw-btn.rnw-btn--fill-blue-5 i path[stroke]:not([stroke=none]) {
	stroke: #0053F2;
}

a[class=rnw-btn].rnw-btn--fill-blue-5 i path:not([fill]):not([stroke]),
	.rnw-btn.rnw-btn--fill-blue-5 i path:not([fill]):not([stroke]) {
	fill: #0053F2;
}

a[class=rnw-btn].rnw-btn--fill-blue-5.rnw-btn--hover-line .label,
	.rnw-btn.rnw-btn--fill-blue-5.rnw-btn--hover-line .label {
	position: relative;
}

a[class=rnw-btn].rnw-btn--fill-blue-5.rnw-btn--hover-line .label::after,
	.rnw-btn.rnw-btn--fill-blue-5.rnw-btn--hover-line .label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	display: block;
	width: 0;
	height: 1px;
	background-color: #0053F2;
	transition: width 0.3s ease;
}

@media screen and (hover: hover) {
	a[class=rnw-btn].rnw-btn--fill-blue-5.rnw-btn--hover-line:hover .label::after,
		.rnw-btn.rnw-btn--fill-blue-5.rnw-btn--hover-line:hover .label::after
		{
		width: 100%;
	}
}

@media screen and (hover: hover) {
	a[class=rnw-btn].rnw-btn--fill-blue-5:not(.not-hover):hover, .rnw-btn.rnw-btn--fill-blue-5:not(.not-hover):hover
		{
		background-color: #D1E1FF;
	}
}

a[class=rnw-btn].rnw-btn--fill-blue-5:not(.not-hover):active, .rnw-btn.rnw-btn--fill-blue-5:not(.not-hover):active
	{
	background-color: #94B8FF;
}

a[class=rnw-btn].rnw-btn--fill-blue-5[disabled], .rnw-btn.rnw-btn--fill-blue-5[disabled]
	{
	border: 1px solid #D8D8D8;
	background-color: #E4E4E4;
}

a[class=rnw-btn].rnw-btn--border-gray-20, .rnw-btn.rnw-btn--border-gray-20
	{
	border: 1px solid #E4E4E4;
	background-color: #ffffff;
	color: #2D2D2D;
}

a[class=rnw-btn].rnw-btn--border-gray-20 i path[fill]:not([fill=none]),
	.rnw-btn.rnw-btn--border-gray-20 i path[fill]:not([fill=none]) {
	fill: #2D2D2D;
}

a[class=rnw-btn].rnw-btn--border-gray-20 i path[stroke]:not([stroke=none]),
	.rnw-btn.rnw-btn--border-gray-20 i path[stroke]:not([stroke=none]) {
	stroke: #2D2D2D;
}

a[class=rnw-btn].rnw-btn--border-gray-20 i path:not([fill]):not([stroke]),
	.rnw-btn.rnw-btn--border-gray-20 i path:not([fill]):not([stroke]) {
	fill: #2D2D2D;
}

a[class=rnw-btn].rnw-btn--border-gray-20.rnw-btn--hover-line .label,
	.rnw-btn.rnw-btn--border-gray-20.rnw-btn--hover-line .label {
	position: relative;
}

a[class=rnw-btn].rnw-btn--border-gray-20.rnw-btn--hover-line .label::after,
	.rnw-btn.rnw-btn--border-gray-20.rnw-btn--hover-line .label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	display: block;
	width: 0;
	height: 1px;
	background-color: #2D2D2D;
	transition: width 0.3s ease;
}

@media screen and (hover: hover) {
	a[class=rnw-btn].rnw-btn--border-gray-20.rnw-btn--hover-line:hover .label::after,
		.rnw-btn.rnw-btn--border-gray-20.rnw-btn--hover-line:hover .label::after
		{
		width: 100%;
	}
}

@media screen and (hover: hover) {
	a[class=rnw-btn].rnw-btn--border-gray-20:not(.not-hover):hover, .rnw-btn.rnw-btn--border-gray-20:not(.not-hover):hover
		{
		background-color: #F0F0F0;
	}
}

a[class=rnw-btn].rnw-btn--border-gray-20:not(.not-hover):active,
	.rnw-btn.rnw-btn--border-gray-20:not(.not-hover):active {
	background-color: #E4E4E4;
}

a[class=rnw-btn].rnw-btn--border-gray-20[disabled], .rnw-btn.rnw-btn--border-gray-20[disabled]
	{
	background-color: #F0F0F0;
}

a.btn, div.btn {
	border-radius: 1.2rem;
}

.white-box {
	width: 100%;
	padding: 2.4rem;
	border-radius: 24px;
	background-color: #ffffff !important;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
}

.white-box.border {
	border: 1px solid #F8F8F8;
}

.white-box.no-shadow {
	box-shadow: none;
}

.white-box+.white-box {
	margin-top: 12px;
}

.white-box+.white-box.no-mt {
	margin-top: 0;
}

.gray-box {
	width: 100%;
	border-radius: 2rem;
	background-color: #F0F0F0;
	box-sizing: border-box;
}

.input-radio-box, .input-checkbox-box {
	display: flex;
	gap: 2.4rem;
	align-items: center;
	flex-wrap: wrap;
}

.input-radio-item, .input-checkbox-item {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.input-radio-item input[type=radio], .input-radio-item input[type=checkbox],
	.input-checkbox-item input[type=radio], .input-checkbox-item input[type=checkbox]
	{
	width: 2.4rem;
	height: 2.4rem;
	margin: 0;
	cursor: pointer;
}

.input-radio-item input[type=radio]:checked+label .icon.default,
	.input-radio-item input[type=checkbox]:checked+label .icon.default,
	.input-checkbox-item input[type=radio]:checked+label .icon.default,
	.input-checkbox-item input[type=checkbox]:checked+label .icon.default {
	opacity: 0;
}

.input-radio-item input[type=radio]:checked+label .icon.active,
	.input-radio-item input[type=checkbox]:checked+label .icon.active,
	.input-checkbox-item input[type=radio]:checked+label .icon.active,
	.input-checkbox-item input[type=checkbox]:checked+label .icon.active {
	opacity: 1;
}

.input-radio-item label, .input-checkbox-item label {
	padding-left: 0.8rem;
	color: #555555;
	cursor: pointer;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.input-radio-item label .icon, .input-checkbox-item label .icon {
	position: absolute;
	left: 0;
	top: 0.75em;
	transform: translateY(-50%);
}

.input-radio-item label .icon.default, .input-checkbox-item label .icon.default
	{
	opacity: 1;
}

.input-radio-item label .icon.default svg path, .input-checkbox-item label .icon.default svg path
	{
	stroke-width: 1.5px;
	stroke: #555555;
}

.input-radio-item label .icon.default svg rect, .input-checkbox-item label .icon.default svg rect
	{
	stroke-width: 1.5px;
	stroke: #555555;
}

.input-radio-item label .icon.active, .input-checkbox-item label .icon.active
	{
	opacity: 0;
}

.input-radio-item.only-icon, .input-checkbox-item.only-icon {
	justify-content: center;
}

.input-radio-item.only-icon label, .input-checkbox-item.only-icon label
	{
	padding-left: 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}

.input-radio-item.only-icon label .icon, .input-checkbox-item.only-icon label .icon
	{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 1280px) {
	.input-radio-box, .input-checkbox-box {
		gap: 0.8rem 1.6rem;
	}
	.input-radio-item input[type=radio], .input-radio-item input[type=checkbox],
		.input-checkbox-item input[type=radio], .input-checkbox-item input[type=checkbox]
		{
		width: 2rem;
		height: 2rem;
	}
	.input-radio-item label, .input-checkbox-item label {
		padding-left: 0.4rem;
	}
	.input-radio-item label .icon, .input-checkbox-item label .icon {
		width: 2rem;
		height: 2rem;
	}
	.input-radio-item label .icon svg, .input-checkbox-item label .icon svg
		{
		width: 100%;
		height: 100%;
	}
}

/* 일반 input style */
.input-text {
	border: 1px solid #D8D8D8;
	border-radius: 0.6rem;
	padding: 1.2rem 1.6rem;
	color: #1D1D1D;
	box-sizing: border-box;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
	box-sizing: border-box;
}

.input-text::placeholder {
	color: #8E8E8E;
}

.input-text:not(:placeholder-shown) {
	border-color: #717171;
}

.input-text:focus {
	border-color: #0045C9;
	outline: #0045C9;
}

.input-text:focus::placeholder {
	color: #1D1D1D;
}

.input-text:disabled {
	background-color: #E4E4E4;
	color: #8E8E8E;
	border: 0;
}

.input-text:read-only {
	color: #8E8E8E;
}

/* form 관련 style */
.form-container .width-100 {
	max-width: 100%;
	width: 100%;
}

.form-container .col-wrap {
	display: flex;
	gap: 1rem;
}

.form-container .inner-col-02 {
	width: calc(50% - 0.5rem);
}

.form-container .inner-col-03 {
	width: calc(33.33% - 0.3333333333rem);
}

.form-container .inner-col-03 .dropbox-wrap {
	width: 100%;
	max-width: 100%;
}

.form-container .toggle-item {
	display: none;
}

.form-container .toggle-item.show {
	display: flex;
}

.form-container .customer-btn-box {
	margin-top: 3.2rem;
}

.form-wrap {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}

.form-item-row {
	display: flex;
	margin: 0 -0.8rem;
}

.form-item-colum {
	display: flex;
	flex-direction: column;
	gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
}

.form-item {
	width: 100%;
	max-width: 50%;
	padding: 0 0.8rem;
	box-sizing: border-box;
}

.form-item input[type=text], .form-item input[type=password], .form-item input[type=number]
	{
	width: 100%;
}

.form-item.essential .form-title:not(.sentence) {
	align-items: flex-start;
	gap: 0.4rem;
}

.form-item.essential .form-title:not(.sentence)::after {
	content: "";
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	margin-top: 0.9rem;
	background-color: #E81D21;
}

.form-item.essential .form-title.sentence {
	display: block;
}

.form-item.essential .form-title.sentence .dot {
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	gap: 0.4rem;
}

.form-item.essential .form-title.sentence .dot::after {
	content: "";
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	margin-top: 0.9rem;
	background-color: #E81D21;
}

.form-item.essential .form-title.sm-txt::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0.9rem;
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-color: #E81D21;
}

.form-item.address {
	max-width: 100%;
}

.form-item.address .input-text-button {
	display: flex;
	gap: 1.6rem;
	max-width: calc(50% - 0.8rem);
}

.form-item.address .input-text-button input[type=text] {
	max-width: 23rem;
}

.form-item.address .input-text-button .btn {
	width: 10rem;
}

.form-item.address .input-text-box {
	display: flex;
	gap: 1.6rem;
	margin-top: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.7rem;
}

.form-item.password .form-input-item, .form-item.upload-file .form-input-item
	{
	position: relative;
}

.form-item.password .form-input-item .icon-wrap, .form-item.upload-file .form-input-item .icon-wrap
	{
	position: absolute;
	display: block;
	right: 1.6rem;
	top: 1.4rem;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
}

.form-item.password .form-input-item .icon-wrap img, .form-item.password .form-input-item .icon-wrap svg,
	.form-item.upload-file .form-input-item .icon-wrap img, .form-item.upload-file .form-input-item .icon-wrap svg
	{
	width: 100%;
	height: 100%;
}

.form-item .privacy-agree-box {
	padding: 0 0.6rem 0 3.6rem;
	background-color: #F8F8F8;
	border-radius: max(0.6rem, 0.41666vw);
	color: #1D1D1D;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.form-item .privacy-agree-box p {
	margin-top: 3.2rem;
}

.form-item .privacy-agree-box p:first-child {
	margin-top: 0;
}

.form-item .privacy-agree-box b {
	font-weight: 700;
}

.form-item .privacy-agree-box .red-txt {
	color: #E81D21;
}

.form-item .privacy-agree-box ul li {
	position: relative;
	padding-left: 1.4666666667em;
}

.form-item .privacy-agree-box ul li::before {
	content: "";
	position: absolute;
	top: 0.6666666667em;
	left: 0.5333333333em;
	width: 0.2em;
	height: 0.2em;
	border-radius: 100%;
	background: #1D1D1D;
}

.form-item .privacy-agree-box .box-wrap {
	overflow-y: auto;
	max-height: 40rem;
	padding: 3.6rem 1rem 3.6rem 0;
}

.form-item .privacy-agree-box .box-wrap::-webkit-scrollbar {
	width: 4px;
}

.form-item .privacy-agree-box .box-wrap::-webkit-scrollbar-thumb {
	background-color: #D8D8D8;
	border-radius: 4px;
}

.form-item .file-upload-box {
	position: relative;
	display: flex;
	gap: 1rem;
}

.form-item .file-upload-box input[type=file] {
	width: 0;
	height: 0;
	padding: 0;
	border: none;
	font-size: 0;
	visibility: hidden;
}

.form-item .file-upload-box .btn-file {
	position: absolute;
	top: 0;
	left: 0;
}

.form-item .file-upload-box .btn {
	width: 13rem;
	height: 100%;
}

.form-item .file-upload-box .btn.file-upload path {
	fill: none;
}

.form-item .file-upload-box .file-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #D8D8D8;
	border-radius: 0.6rem;
	padding: 1rem 1.6rem;
	color: #1D1D1D;
	height: 4.8rem;
}

.form-item .file-upload-box .file-info-box {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	width: calc(100% - 28rem);
}

.form-item .file-upload-box .file-info .name {
	display: flex;
	max-width: calc(100% - 2.5rem);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.form-item .file-upload-box .file-info .name .file-name {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 80%;
	margin-right: 0.4rem;
}

.form-item .file-upload-box .file-info.init .name {
	color: #8E8E8E;
}

.form-item .file-upload-box .file-info.init .name .file-name {
	max-width: 100%;
}

.form-item .file-upload-box .file-info:not(.init) {
	border-color: #717171;
}

.form-item .file-upload-box .file-remove-btn {
	display: none;
}

.form-item .file-upload-box .file-btn-box {
	display: flex;
	gap: 1rem;
	height: 100%;
}

.form-item .dropbox-wrap {
	max-width: 30.2rem;
}

.form-item input[type=number]::-webkit-outer-spin-button, .form-item input[type=number]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

.form-title {
	display: inline-flex;
	padding: 1rem 0.8rem 1rem 0.4rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.7rem;
}

.form-title em {
	color: #717171;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.3rem;
}

.form-title.sm-txt {
	position: relative;
	align-items: center !important;
	gap: 0.4rem;
}

.form-input-item .msg {
	position: relative;
	display: none;
	color: #717171;
	margin-top: 0.8rem;
	padding-left: 0.4rem;
	gap: 0.4rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.3rem;
}

.form-input-item .msg::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 1.5em;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-size: 16px 16px;
}

.form-input-item .msg span {
	display: block;
	width: calc(100% - 0.8rem);
}

.form-input-item .msg.color-blue {
	color: #0045C9;
}

.form-input-item .msg.color-blue::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%230045C9' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%230045C9'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%230045C9' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.form-input-item.success input {
	border-color: #0045C9;
}

.form-input-item.success .msg {
	display: flex;
	color: #0045C9;
}

.form-input-item.success .msg::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%230045C9' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%230045C9'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%230045C9' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.form-input-item.success .msg.error {
	display: none;
}

.form-input-item.error input:not(:read-only), .form-input-item.error textarea:not(:read-only)
	{
	border-color: #E81D21;
}

.form-input-item.error .dropbox-wrap:not(.show) .selected-value {
	border-color: #E81D21;
}

.form-input-item.error .msg {
	display: flex;
	color: #E81D21;
}

.form-input-item.error .msg::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23E81D21'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23E81D21' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23E81D21'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23E81D21' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.form-input-item.error .msg.success {
	display: none;
}

.form-input-item.notice .msg.info {
	display: flex;
}

.form-input-item.notice.error .msg.info {
	color: #717171;
}

.form-input-item.notice.error .msg.info::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.form-input-item.notice.color-blue .msg.info {
	color: #0045C9;
}

.form-input-item.notice.color-blue .msg.info::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%230045C9' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%230045C9'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%230045C9' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.form-item .msg {
	position: relative;
	display: none;
	color: #717171;
	margin-top: 0.8rem;
	padding-left: 0.4rem;
	gap: 0.4rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.3rem;
}

.form-item .msg::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 1.5em;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-size: 16px 16px;
}

.form-item.info .msg {
	display: flex;
	color: #717171;
}

.form-item.info .msg::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

/* rnw 모달 */
.rnw-modal-dim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4000;
}

.rnw-modal-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 1.6rem;
	display: none;
	justify-content: center;
	align-items: flex-end;
	z-index: 5000;
	box-sizing: border-box;
}

.rnw-modal-container.open {
	display: flex;
}

.rnw-modal-container .rnw-modal {
	width: 100%;
	max-width: 600px;
	margin-bottom: 3.4rem;
	border-radius: 30px;
	background-color: #ffffff;
	z-index: 5000;
}

.rnw-modal-container .rnw-modal .modal-top {
	display: flex;
	justify-content: center;
	padding: 1.2rem 0;
	margin-bottom: 1.2rem;
}

.rnw-modal-container .rnw-modal .modal-top .handle {
	width: 4.7rem;
	height: 0.4rem;
	border-radius: 99px;
	background-color: #F0F0F0;
}

.rnw-modal-container .rnw-modal .modal-bottom {
	padding: 0 2.4rem 2rem 2.4rem;
	box-sizing: border-box;
}

.rnw-modal-container .rnw-modal .modal-title {
	font-weight: 700;
	font-size: 21px;
	line-height: 1.35;
}

.rnw-modal-container .rnw-modal .modal-noti {
	position: relative;
	margin: 1.6rem 0 1.2rem;
}

.rnw-modal-container .rnw-modal .modal-noti::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: calc(100% - 14px);
	background-color: #E4E4E4;
}

.rnw-modal-container .rnw-modal .modal-noti .modal-noti-text {
	padding-left: 1.5rem;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
}

.rnw-modal-container .rnw-modal .modal-noti .modal-noti-text b {
	color: #0053F2;
}

.rnw-modal-container .rnw-modal .modal-content p {
	font-weight: 500;
	font-size: 15px;
	line-height: 1.5;
	color: #555555;
}

.rnw-modal-container .rnw-modal .modal-btn-wrap {
	display: flex;
	padding-top: 2.4rem;
}

.rnw-modal-container .rnw-modal .modal-btn-wrap a {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.8rem;
	border-radius: 1.6rem;
	background-color: #0053F2;
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.5;
}

.rnw-modal-container .rnw-modal .modal-btn-wrap a:not(:last-child) {
	margin-right: 0.8rem;
}

.rnw-modal-container .rnw-modal .modal-btn-wrap .modal-btn-close {
	color: #555555;
	background-color: #F8F8F8;
}

.rnw-modal-container .rnw-modal .modal-btn-wrap .modal-btn-link {
	color: #ffffff;
	background-color: #0053F2;
}

.search-wrap .search-bar {
	position: relative;
	display: flex;
	align-items: center;
	height: 4.8rem;
}

.search-wrap .search-bar.has-text button.btn-reset {
	display: flex;
}

.search-wrap .search-bar.has-text input.search {
	padding-right: 6rem;
}

@media screen and (max-width: 1280px) {
	.search-wrap .search-bar.has-text input.search {
		padding-right: 4.8rem;
	}
}

.search-wrap .search-bar input.search {
	width: calc(100% - 4.8rem);
	height: 100%;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	border: 1px solid #0045C9;
	border-radius: 0;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	background-color: #ffffff;
	color: #1D1D1D;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

@media screen and (max-width: 1280px) {
	.search-wrap .search-bar input.search {
		width: calc(100% - 4rem);
	}
}

.search-wrap .search-bar input.search:focus {
	outline: none;
}

.search-wrap .search-bar a.btn-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.8rem;
	height: 100%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: #0045C9;
}

.search-wrap .search-bar a.btn-search svg {
	width: 2.4rem;
	height: 2.4rem;
}

.search-wrap .search-bar a.btn-reset {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 6.4rem;
	display: none;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
}

@media screen and (max-width: 1280px) {
	.search-wrap .search-bar a.btn-reset {
		right: 5.6rem;
	}
}

.search-wrap .search-bar a.btn-reset svg {
	width: 100%;
	height: 100%;
}

.sub-search-container {
	padding: 40px;
	border-radius: 20px;
	border: 1px solid #D8D8D8;
	background-color: #ffffff;
}

@media screen and (max-width: 1280px) {
	.sub-search-container {
		border-radius: 0;
		border: 0;
		padding: 22px max(16px, 4.11vw) 20px max(16px, 4.11vw);
		border-bottom: 1px solid #D8D8D8;
	}
}

.sub-search-container .sub-search-tab-box {
	margin-top: 1.6rem;
}

.sub-search-container .sub-search-tab-box .arrow-btn {
	display: none;
	min-height: auto;
	width: 3.8rem;
	height: 3.8rem;
	border-radius: 12px;
}

@media screen and (max-width: 1280px) {
	.sub-search-container .sub-search-tab-box .arrow-btn {
		width: 3.5rem;
		height: 3.5rem;
	}
}

.sub-search-container .sub-search-tab-box.overflow {
	position: relative;
	padding-right: 55px;
	overflow: hidden;
}

.sub-search-container .sub-search-tab-box.overflow .arrow-btn {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-flex;
}

.sub-search-container .sub-search-tab-box.overflow .arrow-btn.open svg {
	transform: rotate(180deg);
}

.sub-search-tab-box {
	transition: height 0.3s ease, max-height 0.3s ease;
	overflow: hidden;
}

.sub-search-tab-box.overflow {
	position: relative;
}

.sub-search-tab-box .arrow-btn {
	transition: transform 0.3s ease;
}

.dropbox-wrap .selected-value {
	position: relative;
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	padding: 1.2rem 1.6rem;
	border: 1px solid #D8D8D8;
	width: 100%;
	height: 4.8rem;
	background-color: #ffffff;
	color: #555555;
	border-radius: 12px;
	z-index: 11;
	transition: border ease 0.3s;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.dropbox-wrap .dropbox {
	display: none;
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	padding: 0 0.4rem;
	background-color: #fff;
	border-radius: max(0.6rem, 0.41666vw);
	border: 1px solid #D8D8D8;
	z-index: 10;
	max-height: 26rem;
	transition: height 0.5s ease, opacity 0.2s ease;
	opacity: 0;
}

.dropbox-wrap .dropbox.open {
	opacity: 1;
	overflow-y: auto;
}

.dropbox-wrap .dropbox.open::-webkit-scrollbar {
	width: 7px;
	transition: 0s;
}

.dropbox-wrap .dropbox.open::-webkit-scrollbar-thumb {
	background-color: #C6C6C6;
	border-radius: max(0.6rem, 0.41666vw);
	border: 4px solid #ffffff;
	border-left-width: 0;
}

.dropbox-wrap .dropbox-inner {
	position: relative;
	cursor: pointer;
}

.dropbox-wrap .dropbox-inner .txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dropbox-wrap .dropbox-item {
	display: block;
	padding: 1.2rem;
	transition: background-color 0.3s ease, color 0.3s ease;
	border-radius: 0.4rem;
	cursor: pointer;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.dropbox-wrap .dropbox-item:hover, .dropbox-wrap .dropbox-item.selected
	{
	background-color: #F8F8F8;
	color: #0045C9;
}

.dropbox-wrap.show .dropbox {
	display: block;
	border: 1px solid #0045C9;
	z-index: 100;
}

.dropbox-wrap.show .selected-value {
	border-color: #0045C9;
}

.dropbox-wrap.show .selected-value .icon {
	display: block;
	transform: rotate(180deg);
	transform-origin: center;
}

.dropbox-wrap.show.dropbox-wrap--top .selected-value {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-color: transparent;
}

.dropbox-wrap.show.dropbox-wrap--top .dropbox {
	margin-top: 0;
}

.dropbox-wrap.show.dropbox-wrap--bottom .selected-value {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-color: transparent;
}

.dropbox-wrap.show.dropbox-wrap--bottom .dropbox {
	margin-bottom: 0;
	border-bottom-width: 1px;
}

.dropbox-wrap.dropbox-wrap--top .dropbox {
	bottom: 100%;
	margin-bottom: -6px;
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.dropbox-wrap.dropbox-wrap--bottom .dropbox {
	top: 100%;
	margin-top: -6px;
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-width: 0;
}

@media screen and (max-width: 1280px) {
	.dropbox-wrap:not(.height-fixed) .selected-value {
		padding: 0.8rem 1.6rem;
		height: 4rem;
	}
	.dropbox-wrap:not(.height-fixed) .dropbox-item {
		padding: 0.8rem 1.2rem;
	}
	.dropbox-wrap:not(.height-fixed) .dropbox {
		max-height: 21.5rem;
	}
}

.braille-btn.braille-btn--in-title {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.1333333333em;
	padding: 0 0.4666666667em 0 0.8em;
	min-height: 4rem;
	color: #555555;
	border: 1px solid #E4E4E4;
	background-color: #ffffff;
	border-radius: max(0.6rem, 0.41666vw);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 1.5rem;
}

.braille-btn.braille-btn--in-title i {
	width: 1.6em;
	height: 1.6em;
}

.braille-btn.braille-btn--in-title i svg {
	display: block;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1280px) {
	.braille-btn.braille-btn--in-title {
		padding: 0 0.4666666667em;
	}
	.braille-btn.braille-btn--in-title span {
		display: none;
	}
}

@media screen and (hover: hover) {
	.braille-btn.braille-btn--in-title:hover {
		background-color: #F0F0F0;
	}
}

.braille-btn.braille-btn--in-title:active {
	border: 1px solid #D8D8D8;
	background-color: #E4E4E4;
	color: #1D1D1D;
}

.info-tooltip {
	display: flex;
	align-items: center;
	gap: 1px;
}

.info-tooltip>span {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.info-tooltip .tooltip_new {
	position: absolute;
	top: calc(100% + 10px);
	left: -16px;
	z-index: 10;
}

.info-tooltip .tooltip_new .text {
	position: relative;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.45;
	color: #ffffff;
	background-color: #0053F2;
	white-space: nowrap;
}

.info-tooltip .tooltip_new .text::after {
	content: "";
	display: block;
	position: absolute;
	bottom: calc(100% - 1px);
	left: 19px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #0053F2;
	clip-path: polygon(50% 30%, 0% 100%, 100% 100%);
}

.icon {
	position: relative;
}

/* 회원 고객번호 선택 팝업 */
.layer-popup-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 1.6rem;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 5000;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1280px) {
	.layer-popup-container {
		align-items: flex-end;
	}
}

.layer-popup-container.open {
	display: flex;
}

.layer-popup-container .layer-popup-wrap {
	width: 100%;
	max-width: 562px;
	border-radius: 30px;
	background-color: #ffffff;
	z-index: 5000;
}

@media screen and (max-width: 1280px) {
	.layer-popup-container .layer-popup-wrap {
		margin-bottom: 34px;
	}
}

.layer-popup-container .layer-popup-handle {
	display: flex;
	justify-content: center;
	padding: 12px 0;
}

.layer-popup-container .layer-popup-handle .handle {
	display: inline-block;
	width: 47px;
	height: 4px;
	background-color: #F0F0F0;
	border-radius: 99px;
}

.layer-popup-container .layer-popup-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 24px;
	box-sizing: border-box;
}

.layer-popup-container .layer-popup-title p {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.35;
	padding-left: 4px;
	color: #1D1D1D;
}

.layer-popup-container .layer-popup-title .btn-go-setting {
	display: flex;
	align-items: flex-end;
	gap: 2px;
	padding: 8px 0;
}

.layer-popup-container .layer-popup-title .btn-go-setting span {
	font-weight: 500;
	font-size: 15px;
}

.layer-popup-container .layer-popup-title .btn-go-setting svg,
	.layer-popup-container .layer-popup-title .btn-go-setting img {
	display: block;
	width: 16px;
	height: 16px;
}

.layer-popup-container .layer-popup-title .btn-go-setting svg path,
	.layer-popup-container .layer-popup-title .btn-go-setting img path {
	color: #717171;
}

.layer-popup-container .user-number-list {
	padding: 0 14px 0 24px;
	margin-right: 6px;
	max-height: 220px;
	overflow-y: auto;
	box-sizing: border-box;
}

.layer-popup-container .user-number-list::-webkit-scrollbar {
	width: 4px;
	background-color: #F0F0F0;
	border-radius: 6px;
}

.layer-popup-container .user-number-list::-webkit-scrollbar-thumb {
	background-color: #8E8E8E;
	border-radius: 6px;
}

@media screen and (max-width: 1280px) {
	.layer-popup-container .user-number-list {
		padding: 0 24px 0 24px;
		margin-right: 0;
	}
	.layer-popup-container .user-number-list::-webkit-scrollbar {
		display: none;
	}
}

.layer-popup-container .user-number-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 16px 16px 20px;
	background-color: #F8F8F8;
	border: 1px solid #F0F0F0;
	border-radius: 16px;
	box-sizing: border-box;
}

.layer-popup-container .user-number-item.active {
	background-color: #ffffff;
	border: 1px solid #94B8FF;
}

.layer-popup-container .user-number-item.active span {
	color: #0045C9;
}

.layer-popup-container .user-number-item:not(:last-child) {
	margin-bottom: 8px;
}

.layer-popup-container .user-number-item span {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.5;
	color: #555555;
}

.layer-popup-container .layer-popup-bottom {
	padding: 20px 24px;
}

.layer-popup-container .layer-popup-bottom .btn-wrap {
	display: flex;
	gap: 8px;
}

.layer-popup-container .layer-popup-bottom .rnw-btn {
	flex: 1;
	height: 55px;
	border-radius: 16px;
}