/* -------------------------------------------------- VARIABLES -------------------------------------------------- */
:root {
	/* Size */
	--width-max: 1280px;
	--width-container: 1140px;
	--padding-container-mobile: 20px;
	--spacing-none: 0;
	--spacing-xs: 2px;
	--spacing-sm: 4px;
	--spacing-md: 8px;
	--spacing-lg: 12px;
	--spacing-xl: 16px;
	--spacing-2xl: 20px;
	--spacing-3xl: 24px;
	--spacing-4xl: 32px;
	--spacing-5xl: 40px;
	--spacing-6xl: 48px;
	--spacing-7xl: 80px;
	--spacing-8xl: 120px;
	--radius-none: 0;
	--radius-xxs: 4px;
	--radius-xs: 8px;	
	--radius-sm: 10px;	
	--radius-md: 12px;	
	--radius-lg: 14px;	
	--radius-xl: 16px;	
	--radius-2xl: 24px;	
	--radius-full: 9999px;
	/* Font */
	--font-weight-bold: 700;
	--font-weight-semi-bold: 600;
	--font-weight-medium: 500;
	--font-weight-regular: 400;
	--font-line-height-134: 134%;
	--font-line-height-150: 150%;
	--font-letter-spacing-2: -0.02em;
	--font-headline-l: 36px;
	--font-headline-m: 32px;
	--font-headline-s: 26px;
	--font-title-xl: 24px;
	--font-title-l: 20px;
	--font-title-m: 18px;
	--font-title-s: 16px;
	--font-body-l: 18px;
	--font-body-m: 16px;
	--font-body-s: 14px;
	--font-detail-l: 13px;
	--font-detail-s: 12px;
	/* Color */
	--white: #FFFFFF;
	--white-0: #FFFFFF00;
	--white-10: #FFFFFF1A;
	--white-20: #FFFFFF33;
	--white-50: #FFFFFF80;
	--black: #000000;
	--gray-50: #F8F9FC;
	--gray-100: #F0F4FA;
	--gray-200: #E4E7EC;
	--gray-300: #D0D5DD;
	--gray-400: #818DA2;
	--gray-500: #667085;
	--gray-600: #3E4A5B;
	--gray-700: #344054;
	--gray-800: #182230;
	--gray-800-0: #18223000;
	--gray-900: #101828;
	--gray-950: #0C111D;
	--gray-950-0: #0C111D00;
	--gray-950-10: #0C111D1A;
	--gray-950-20: #0C111D33;
	--gray-950-50: #0C111D66;
	--gray-950-60: #0C111D99;
	--gray-950-90: #0C111DE5;
	--brand-50: #F0F9FF;
	--brand-100: #EBF0FF;
	--brand-150: #C0D1FF;
	--brand-200: #C2D3FF;
	--brand-300: #94ABFA;
	--brand-400: #4C7DFF;
	--brand-500: #005DF9;
	--brand-500-25: #005DF940;
	--brand-600: #0046FF;
	--brand-700: #0040E8;
	--brand-800: #1539CB;
	--brand-900: #0E2A95;
	--blue-50: #EBF6FF;
	--blue-800: #147AF3;
	--blue-900: #0265DC;
	--new-blue-200: #B3C8FF;
	--red-50: #FFF6F5;
	--red-700: #F75C46;
	--red-800: #E5051C;
	--red-800-30: #E5051C4D;
	--red-900: #D31510;
	--orange-50: #FFF7EB;
	--orange-500: #FFA037;
	--orange-700: #E46F00;
	--orange-700-30: #E46F004D;
	--orange-900: #B14C00;
	--purple-50: #FAF5FF;
	--purple-700: #AE72F9;
	--purple-900: #893DE7;
	--seafoam-50: #EDFCFB;
	--seafoam-700: #00A19A;
	--seafoam-900: #007772;
	/* UI Kit color */
	--cus-blue-200: #296DEA;
	--cus-blue-900: #193FA8;
	--cus-gray-100: #F3F6FB;
	--cus-gray-200: #74767D;
	--cus-gray-300: #D6DBE1;
	--cus-gray-400: #B9C1C9;
	--cus-gray-600: #475467;
	--cus-gray-800: #24272D;
	--cus-gray-900: #121418;
	--cus-gray-scale-300: #EFF1F5;
	--cus-gray-scale-400: #E9EAEB;
	--cus-gray-scale-500: #808892;
	--cus-gray-scale-600: #CCCCCC;
	--cus-red-300: #DE0000;
	/* Shadow */
	--shadow-1: 0px 4px 16px 0px rgba(12, 17, 29, 0.06);
	--shadow-2: 0px 4px 16px 0px rgba(12, 17, 29, 0.1);
	--shadow-3: 0px 4px 16px 0px rgba(12, 17, 29, 0.14);
	--shadow-4: 0px 4px 16px 0px rgba(12, 17, 29, 0.18);
	--cus-shadow-1: 0px 8px 24px 0px rgba(143, 160, 187, 0.24);
	--cus-shadow-2: 4px 6px 8px 0px rgba(0, 0, 0, 0.1);
	--cus-shadow-3: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	/* Z-Index */
	/* z-index of old modal overlay is 810 */
	/* z-index of old loading spin is 10000 */
	/* Be careful when setup z-index */
	--z-index-old-alert: 900; /* For alert confirm logout, etc... */
	--z-index-old-popup: 850; /* For popup extend time, etc... */
	--z-index-corp-popup: 800; /* For popup bank list, beneficiary list, etc... */
	--z-index-unnamed7: 700;
	--z-index-unnamed6: 600;
	--z-index-unnamed5: 500;
	/* ... */
	--z-index-corp-toast: 250;
	--z-index-corp-header: 200;
	--z-index-corp-footer: 150;
	--z-index-page-element: 100; /* In page component, such as tooltip, calendar, etc... */
}

/* -------------------------------------------------- GLOBAL STYLES -------------------------------------------------- */
.corp *, .corp,
#header *, #header,
#content_head *, #content_head, 
#footer *, #footer {
	box-sizing: border-box;
}

.corp {
	width: 100%;
	min-width: 980px;
}

.corp-wrapper {
	width: var(--width-container) !important;
	margin: 0 auto !important;
}

.corp-no-result {
	display: none;
	width: 100%;
	height: 200px;
	background: var(--white);
}

.corp-no-result .content {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-400);
}

/* -------------------------------------------------- PAGE TITLE STYLES -------------------------------------------------- */
.corp-page-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.corp-page-title .title-wrapper {
	display: flex;
	align-items: center;
}

.corp-page-title .title-wrapper .title {
	font-size: var(--font-headline-l);
	font-weight: var(--font-weight-bold);
    line-height: var(--font-line-height-134);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--cus-gray-900);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.corp-page-title .title-wrapper .icon {
	margin-left: var(--spacing-md);
	cursor: pointer;
}

/* -------------------------------------------------- INFORMATION & NOTE STYLES -------------------------------------------------- */
.corp-info-box {
	background-color: var(--gray-50);
	border-radius: var(--radius-xl);
	padding: var(--spacing-3xl);
	position: relative;
}

.corp-info-box .info-title {
	display: flex;
	align-items: center;
}

.corp-info-box .info-title .icon {
	width: 20px;
	height: 20px;
}

.corp-info-box .info-title .title {
	margin-left: var(--spacing-sm);
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-title-m);
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--gray-700);
}

.corp-info-box .toggle-icon {
	position: absolute;
	top: var(--spacing-3xl);
	right: var(--spacing-3xl);
	transition: transform 0.25s ease-out;
}

.corp-info-box .toggle-icon.expanded {
	transform: rotate(180deg);
}

.corp-info-box .toggle-icon:hover {
	cursor: pointer;
}

.corp-info-box .content {
	display: none;
	padding-top: var(--spacing-md);
	padding-left: 42px;
	font-weight: var(--font-weight-regular);
	font-size: var(--font-title-s);
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--gray-500);
}

.corp-info-box .content.show {
	display: block;
}

.corp-info-box .content li {
	list-style: disc outside;
}

/* -------------------------------------------------- DIVIDER STYLES -------------------------------------------------- */
.corp-divider {
	
}

/* DIVIDER HORIZONTAL */
.corp-divider.horizontal {
	width: 100%;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-top: 0;
}

.corp-divider.horizontal.type-1 {
	border-top: 1px solid var(--gray-200);
}

.corp-divider.horizontal.type-2 {
	border-top: 2px solid var(--gray-900);
}

/* DIVIDER VERTICAL */
.corp-divider.vertical {
	height: 15px;
	border-top : none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	padding-left: 0;
}

.corp-divider.vertical.type-1 {
	border-left: 1px solid var(--gray-200);
}

.corp-divider.vertical.type-2 {
	border-left: 1px solid var(--gray-900);
}

.corp-divider.vertical.type-3 {
	height: 8px;
	border-left: 1px solid var(--cus-gray-scale-500);
}

/* -------------------------------------------------- BUTTON STYLES -------------------------------------------------- */
.corp-btn {
 	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	color: var(--white);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-title-m) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
}

.corp-btn .icon {
	display: none !important;
}

.corp-btn.primary {
	min-width: 56px;
	max-width: 335px;
	height: 56px;
	gap: var(--spacing-sm);
	border-radius: var(--radius-md);
	padding: var(--spacing-xs) var(--spacing-4xl);
	background-color: var(--brand-500);
}

.corp-btn.primary.gray {
	background-color: var(--gray-400);
}

.corp-btn.primary.outline {
	color: var(--cus-gray-600);
	background-color: var(--white);
	border-color: var(--gray-300);
}

.corp-btn.primary.outline.blue {
	color: var(--brand-500);
	border-color: var(--brand-500);
}

.corp-btn.primary .icon {
	width: 24px !important;
	height: 24px !important;
	display: block !important;
}

.corp-btn.secondary {
	min-width: 48px;
	/* max-width: 48px; */
	height: 48px;
	border-radius: var(--radius-xs);
	padding: var(--spacing-lg) var(--spacing-4xl);
	background-color: var(--cus-blue-900);
}

.corp-btn.secondary.outline {
	color: var(--cus-gray-600);
	background-color: var(--white);
	border-color: var(--gray-300);
}

.corp-btn.secondary.outline.blue {
	color: var(--brand-500);
	border-color: var(--brand-500);
}

.corp-btn.secondary .icon {
	width: 24px !important;
	height: 24px !important;
	display: block !important;
}

.corp-btn.tertiary {
	min-width: 44px;
	/* max-width: 44px; */
	height: 44px;
	border-radius: var(--radius-xs);
	padding: var(--spacing-lg) var(--spacing-2xl);
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-title-s) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--white);
	background-color: var(--brand-700);
	border-color: transparent;
}

.corp-btn.tertiary.outline {
	color: var(--cus-gray-600);
	background-color: var(--white);
	border-color: var(--gray-300);
}

.corp-btn.tertiary.outline.blue {
	color: var(--brand-500);
	border-color: var(--brand-500);
}

.corp-btn.quaternary, .corp-btn.quaternary.type-1 {
	min-width: 31px;
	/* max-width: 31px; */
	height: 31px;
	border-radius: var(--radius-xxs);
	padding: var(--spacing-sm) var(--spacing-lg);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--white);
	background-color: var(--cus-gray-600);
	border-color: transparent;
}

.corp-btn.quaternary.outline, .corp-btn.quaternary.type-1.outline {
	color: var(--cus-gray-600);
	background-color: var(--white);
	border-color: var(--cus-gray-600);
}

.corp-btn.quaternary.type-1.gray {
	color: var(--cus-gray-600);
	background-color: var(--cus-gray-scale-300);
	border-color: var(--cus-gray-scale-400);
}

.corp-btn.quaternary.type-1.gray.disabled {
	color: #A0A2A7;
    background: #BEC1C6;
    cursor: default;
    user-select: none;
}

.corp-btn.quaternary.type-2 {
	min-width: 25px;
	/* max-width: 25px; */
	height: 25px;
	border-radius: var(--radius-xxs);
	padding: var(--spacing-xs) var(--spacing-md);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--white);
	background-color: var(--cus-gray-600);
	border-color: transparent;
}

.corp-btn.quaternary.type-2.outline{
	color: var(--cus-gray-600);
	background-color: var(--white);
	border-color: var(--gray-300);
}

.corp-btn.special {
	width: 28px;
	height: 28px;
	border: 1px solid var(--cus-gray-scale-600);
	border-radius: var(--radius-xxs);
}

.corp-btn.special .icon {
	display: block !important;
	width: 20px;
	height: 20px;
}

/* BUTTON MISC */
.corp-btn:hover {
	cursor: pointer;
}

/* -------------------------------------------------- CALENDAR STYLES -------------------------------------------------- */
.w2calendar_corp-calendar, .w2calendar_corp-calendar * {
	box-sizing: border-box;
}

.w2calendar_corp-calendar {
	width: 290px;
	height: 288px;
	border: 1px solid var(--cus-gray-600);
	border-radius: var(--radius-md);
}

.w2calendar_corp-calendar .w2calendar_wrap {
	padding: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header {
	background-color: var(--white);
	height: 36px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--spacing-sm) var(--spacing-4xl) var(--spacing-lg);
	border-bottom: 1px solid var(--gray-200);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_header_last_year,
.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_header_next_year,
.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_footer {
	display: none;
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_header_last_month,
.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_header_next_month {
	width: 20px;
	height: 20px;
	position: static;
	padding: 0;
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_header_last_month {
	background: url(/img/corp/icon-chevron-left-black.png) center center no-repeat white;
	background-position: center;
	background-size: 20px 20px;	
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_header_next_month {
	background: url(/img/corp/icon-chevron-right-black.png) center center no-repeat white;
	background-position: center;
	background-size: 20px 20px;
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_selectbox_year_native,
.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_header .w2calendar_selectbox_month_native
{
	position: static;
	margin: 0;
	height: 27px;
    font: var(--font-title-m) Pretendard, arial, Helvetica, AppleGothic, Sans-serif;
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-title-m);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-900);
	width: auto;
}

.w2calendar_corp-calendar .w2calendar_selectbox_year_native option,
.w2calendar_corp-calendar .w2calendar_selectbox_month_native option
{
	color: var(--gray-700);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content {
	background: var(--white);
	border-top: none;
	border-bottom: none;
	padding: 0;
	padding-top: 8px;
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_col_day,
.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_col_date {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-detail-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
	height: 32px;
	width: 38px;
	padding: 0;
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_col_day {
	text-indent: 0;
	color: transparent;
	position: relative;
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_col_day::after {
	font-weight: var(--font-weight-regular);
	color: var(--gray-900);
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_day0::after {
	content: 'SUN';
	color: var(--red-800);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_day1::after {
	content: 'MON';
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_day2::after {
	content: 'TUE';
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_day3::after {
	content: 'WED';
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_day4::after {
	content: 'THU';
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_day5::after {
	content: 'FRI';
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_day6::after {
	content: 'SAT';
	color: var(--blue-900);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_date_off {
	color: var(--gray-400);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_date_on button {
	font: var(--font-detail-s) Pretendard, arial, Helvetica, AppleGothic, Sans-serif;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-detail-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-900);
	padding: 0;
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_date_on.w2calendar_day_0 button {
	color: var(--red-800);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_date_on.w2calendar_day_6 button {
	color: var(--blue-900);
}

.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_selected button,
.w2calendar_corp-calendar .w2calendar_wrap .w2calendar_content .w2calendar_date_on.w2calendar_date_over button {
	background: var(--gray-700);
	width: 30px;
	height: 30px;
	border-radius: var(--radius-full);
	color: var(--white) !important;
}

.corp-calendar.w2inputCalendar_div {
	width: 180px;
	height: 100% !important;
	position: relative;
	padding-right: 0;
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input {
	width: 100% !important;
	height: 100% !important;
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput {
	height: 36px !important;
	border: 1px solid var(--gray-300);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-700);
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput::placeholder {
	color: var(--gray-400);
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput.w2inputCalendar_focus {
	border: 1px solid var(--brand-500);
	outline: none;
}

.corp-calendar.error.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput {
	border: 1px solid var(--red-800);
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput[disabled], .corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput.w2inputCalendar_readOnly {
	color: var(--gray-400);
	background: var(--gray-100);
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput[disabled] {
	cursor: not-allowed;
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput.w2inputCalendar_readOnly, .corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput.w2inputCalendar_readOnly::placeholder {
	color: var(--gray-700);
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_input .w2inputCalendar_divInput.w2inputCalendar_readOnly:focus-visible {
	border: 1px solid var(--gray-300);
	outline: none;
}

.corp-calendar.error-text {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-detail-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--red-800);
	margin-top: 6px;
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_img {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0px;
	width: 24px;
	height: 24px;
}

.corp-calendar.w2inputCalendar_div .w2inputCalendar_div_img .w2inputCalendar_button {
	background-image: url(/img/corp/icon-calendar-black.png) !important;
	background-size: contain;
	background-position: center;
	top: 0 !important;
}

.corp-calendar.w2inputCalendar_div[disabled] .w2inputCalendar_div_img .w2inputCalendar_button, .corp-calendar.w2inputCalendar_div[readonly] .w2inputCalendar_div_img .w2inputCalendar_button {
	opacity: 0.3;
}

.corp-calendar.w2inputCalendar_div[disabled] .w2inputCalendar_div_img .w2inputCalendar_button {
	cursor: not-allowed;
}
/* -------------------------------------------------- ICON STYLES -------------------------------------------------- */
.icon {
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon-calendar-black {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-calendar-black.png);
}

.icon-calendar-gray {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-calendar-gray.png);
}

.icon-vn-flag {
	height: 16px;
	width: 16px;
	background-image: url(/img/corp/icon-ccy-vnd.png);
}

.icon-chevron-up-gray {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-chevron-up-gray.png);
}

.icon-chevron-down-gray {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-chevron-down-gray.png);
}

.icon-chevron-left-black {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-chevron-left-black.png);
}

.icon-chevron-right-black {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-chevron-right-black.png);
}

.icon-chevron-right-white {
	height: 12px;
	width: 12px;
	background-image: url(/img/corp/icon-chevron-right-white.png);
}

.icon-chevron-right-gray {
	height: 16px;
	width: 16px;
	background-image: url(/img/corp/icon-chevron-right-gray.png);
}

.icon-up {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-up.png);
}

.icon-close-black {
	height: 32px;
	width: 32px;
	background-image: url(/img/corp/icon-close-black.png);
}

.icon-copy {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-copy.png);
}

.icon-aud {
	height: 32px;
	width: 32px;
	background-image: url(/img/corp/icon-currency-aud.png);
}

.icon-usd {
	height: 32px;
	width: 32px;
	background-image: url(/img/corp/icon-currency-usd.png);
}

.icon-vnd {
	height: 32px;
	width: 32px;
	background-image: url(/img/corp/icon-currency-vnd.png);
}

.icon-down-black {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-down-black.png);
}

.icon-down-gray {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-down-gray.png);
}

.icon-download-black {
	height: 16px;
	width: 16px;
	background-image: url(/img/corp/icon-download-black.png);
}

.icon-download-white {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-download-white.png);
}

.icon-edit-black {
	height: 16px;
	width: 16px;
	background-image: url(/img/corp/icon-edit-black.png);
}

.icon-excel {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-excel.png);
}

.icon-favorite {
	height: 32px;
	width: 32px;
	background-image: url(/img/corp/icon-favorite-off.png);
}

.icon-favorite.off {
	background-image: url(/img/corp/icon-favorite-off.png);
}

.icon-favorite.on {
	background-image: url(/img/corp/icon-favorite-on.png);
}

.icon-info-gray {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-info-gray.png);
}

.icon-info-white {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-info-white.png);
}

.icon-info-blue {
	height: 48px;
	width: 48px;
	background-image: url(/img/corp/icon-info-blue.png);
}

.icon-keyboard-blue {
	height: 18px;
	width: 28px;
	background-image: url(/img/corp/icon-keyboard-blue.png);
}

.icon-refresh-black {
	height: 18px;
	width: 18px;
	background-image: url(/img/corp/icon-refresh-black.png);
}

.icon-refresh-gray {
	height: 18px;
	width: 18px;
	background-image: url(/img/corp/icon-refresh-gray.png);
}

.icon-refresh-white {
	height: 18px;
	width: 18px;
	background-image: url(/img/corp/icon-refresh-white.png);
}

.icon-search-black {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-search-black.png);
}

.icon-search-gray {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-search-gray.png);
}

.icon-setting-black {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-setting-black.png);
}

.icon-plus-black {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-plus-black.png);
}

.icon-setting-white {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-setting-white.png);
}

.icon-preference-gray {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-preference-gray.png);
}

.icon-pdf {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-pdf.png);
}

.icon-qrcode {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-qrcode.png);
}

.icon-qrcode-blue {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-qrcode-blue.png);
}

.icon-transfer {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-transfer.png);
}

.icon-check {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-check.png);
}

.icon-home-white {
	height: 16px;
	width: 16px;
	background-image: url(/img/corp/icon-home-white.png);
}

.icon-time-black {
	height: 16px;
	width: 16px;
	background-image: url(/img/corp/icon-time-black.png);
}

.icon-menu {
	height: 48px;
	width: 48px;
	background-image: url(/img/corp/icon-menu.png);
}

.icon-menu-search {
	height: 48px;
	width: 48px;
	background-image: url(/img/corp/icon-menu-search.png);
}

.icon-trash-black {
	height: 24px;
	width: 24px;
	background-image: url(/img/corp/icon-trash-black.png);
}

.icon-flag-uk {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-flag-uk.png);
}

.icon-flag-kr {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-flag-kr.png);
}

.icon-flag-vn {
	height: 20px;
	width: 20px;
	background-image: url(/img/corp/icon-flag-vn.png);
}

.icon-cancel-blue {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-cancel-blue.png);
}

.icon-detail-blue {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-detail-blue.png);
}

.icon-eslip-blue {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-eslip-blue.png);
}

.icon-message-blue {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-message-blue.png);
}

.icon-nickname-blue {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-nickname-blue.png);
}

.icon-print-blue {
	height: 28px;
	width: 28px;
	background-image: url(/img/corp/icon-print-blue.png);
}

.icon-complete {
	height: 88px;
	width: 88px;
	background-image: url(/img/corp/icon-complete.png);
}

.icon-incomplete {
	height: 88px;
	width: 88px;
	background-image: url(/img/corp/icon-incomplete.png);
}

/* -------------------------------------------------- TABLE STYLES -------------------------------------------------- */
.corp-table-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.corp-table-header-wrapper {
	display: flex;
	align-items: center;
	gap: var(--spacing-xl);
}

.corp-table-title-wrapper, .corp-table-time-wrapper {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.corp-table-title-wrapper {
	font-weight: var(--font-weight-bold);
    color: var(--gray-900);
}

.corp-table-title {
	font-size: var(--font-title-xl);
    line-height: var(--font-line-height-134);
	letter-spacing: -0.80px;
}

.corp-table-title-count {
	font-size: var(--font-title-l);
    line-height: var(--font-line-height-150);
	letter-spacing: -0.75px;
}

.corp-table-time-wrapper {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-detail-l);
    line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-500);
}

.corp-table-time {
	
}

.corp-table-header-controls {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
	position: relative;
}

.corp-table-header-controls .required:before {
	content: '*';
	color: var(--cus-blue-200);
	margin-right: var(--spacing-xs);
	position: absolute;
	left: -8px;
}

.corp-table-wrapper {
	margin-top: var(--spacing-lg);
    border-bottom: 1px solid #b6b6b6;
}

.corp-table-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
    padding: var(--spacing-xl) var(--spacing-4xl);
	background-color: var(--gray-50);
	border-bottom: 1px solid var(--gray-400);
}

.corp-table-footer .left {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-m);
    line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-500);
}

.corp-table-footer .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: end;
	gap: 4px;
}

.corp-table-footer .right .item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.corp-table-footer .right .item .currency {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
    color: var(--cus-gray-600);
}

.corp-table-footer .right .item .value {
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-body-m);
    line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-700);
}

.corp-table.w2grid .gridHeaderTableDefault,
.corp-collapse-title .content .wf_subDetail .w2grid .gridHeaderTableDefault {
	border-top: 2px solid var(--gray-900);
    border-right: 0px hidden #fff;
}

.corp-table th.gridHeaderTDDefault,
.corp-collapse-title .content .wf_subDetail th.gridHeaderTDDefault  {
	background: var(--gray-100);
}

.corp-table th.gridHeaderTDDefault.sortable,
.corp-collapse-title .content .wf_subDetail th.gridHeaderTDDefault.sortable {
	position: relative;
	cursor: pointer;
}

.corp-table th.gridHeaderTDDefault.sortable::before,
.corp-collapse-title .content .wf_subDetail th.gridHeaderTDDefault.sortable::before {
	content: "";
	background-image: url(/img/corp/icon-sort-default.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: right center;
	position: absolute;
	inset: 0;
}

.corp-table th.gridHeaderTDDefault.sortable.sort::before,
.corp-collapse-title .content .wf_subDetail th.gridHeaderTDDefault.sortable.sort::before {
	background-image: url(/img/corp/icon-sort-desc.png);
}

.corp-table th.gridHeaderTDDefault.sortable.sort.asc::before,
.corp-collapse-title .content .wf_subDetail th.gridHeaderTDDefault.sortable.sort.asc::before  {
	background-image: url(/img/corp/icon-sort-asc.png);
}

.corp-table.w2grid th.gridHeaderTDDefault nobr,
.corp-collapse-title .content .wf_subDetail .w2grid th.gridHeaderTDDefault nobr,
.corp-table.w2grid .gridBodyDefault nobr,
.corp-collapse-title .content .wf_subDetail .w2grid .gridBodyDefault nobr {
    display: block !important;
    white-space: nowrap !important;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: unset;
    line-height: normal;
}

.corp-table.w2grid .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault,
.corp-collapse-title .content .wf_subDetail .w2grid .gridHeaderTableDefault thead tr:first-child th.gridHeaderTDDefault {
	border: 1px solid var(--gray-200);
	border-left: 0;
	height: 48px !important;
	padding: 0 8px;
	font-weight: var(--font-weight-medium);	
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--cus-gray-600);
}

.corp-table .gridHeaderTableDefault,
.corp-collapse-title .content .wf_subDetail .gridHeaderTableDefault {
	border-left: 0;
}

.corp-table.w2grid .gridBodyDefault,
.corp-collapse-title .content .wf_subDetail .w2grid .gridBodyDefault {
	height: 40px !important;
	padding: 0 8px;
	border-color: var(--gray-200);
	border-bottom-color: var(--gray-200);
	font-weight: var(--font-weight-regular);	
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--cus-gray-600);
}

.corp-table.cell-height-60.w2grid .gridBodyDefault {
	height: 60px !important;
}

.corp-table .w2grid_head_sort_asc, .corp-table .w2grid_head_sort_desc,
.corp-collapse-title .content .wf_subDetail .w2grid_head_sort_asc, .corp-table .w2grid_head_sort_desc  {
	background-position-y: center !important;
}

.corp-table .col-controls nobr,
.corp-table .col-controls,
.corp-collapse-title .content .wf_subDetail .col-controls nobr,
.corp-collapse-title .content .wf_subDetail .col-controls {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.corp-table.w2grid td[id$='_scrollX_left'],
.corp-collapse-title .content .wf_subDetail .w2grid td[id$='_scrollX_left'] {
	display: none !important;
}

.corp-table.w2grid .grdNoresultMsg {
	z-index: 5;
	border-bottom: none;
}

/* SELECT IN TABLE */
.corp-table.w2grid .gridBodyDefault[inputtype="select"] {
	padding: 0 var(--spacing-3xl);
}

.corp-table.w2grid .w2selectbox_native.w2grid_embedded_select {
	padding: 0;
	height: 36px;
}

.corp-table.w2grid .w2selectbox_native.w2grid_embedded_select .w2selectbox_native_innerDiv {
	height: 100%;
}

.corp-table.w2grid .w2selectbox_native.w2grid_embedded_select .w2selectbox_native_innerDiv .w2selectbox_native_select {
	height: 100%;
	margin-top: 0 !important;
	border: 1px solid var(--gray-300);
	padding: 8px 10px;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-700);
	appearance: none;
	background-image: url(/img/corp/icon-down-black.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
}

.corp-table.w2grid .w2selectbox_native.w2grid_embedded_select .w2selectbox_native_innerDiv .w2selectbox_native_select:focus-visible {
	border-color: var(--brand-500);
	outline: none;
}

.corp-table.w2grid .w2selectbox_native.w2grid_embedded_select .w2selectbox_native_innerDiv .w2selectbox_native_select[disabled],
.corp-table.w2grid .w2selectbox_native.w2grid_embedded_select .w2selectbox_native_innerDiv .w2selectbox_native_select[disabled="true"] {	
	background-color: var(--gray-100);
	color: var(--gray-400);
}

/* -------------------------------------------------- SELECT STYLES -------------------------------------------------- */
.corp-selectbox.w2selectbox {
	height: 36px;
	border: 1px solid var(--gray-300);
	padding: 7px 10px;
	padding-right: 8px;	
}

.corp-selectbox.w2selectbox .w2selectbox_col_button {
	background-image: url(/img/corp/icon-down-black.png);
	background-size: 20px 20px;
}

.corp-selectbox.w2selectbox.w2selectbox_open .w2selectbox_col_button {
	transform: rotate(180deg);
}

.corp-selectbox.w2selectbox .w2selectbox_label, .corp-selectbox .w2table_sb_col {
	text-align: left;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-400);
	padding-top: 0;
}

.corp-selectbox.no-placeholder.w2selectbox .w2selectbox_label, .corp-selectbox .w2table_sb_col {
	color: var(--gray-700);
}

.corp-selectbox.w2selectbox .w2selectbox_over .w2selectbox_col_label, .corp-selectbox.w2selectbox .w2selectbox_focus .w2selectbox_col_label, .corp-selectbox.w2selectbox .w2selectbox_over .w2selectbox_col_button, .corp-selectbox.w2selectbox .w2selectbox_focus .w2selectbox_col_button {
	background-color: transparent;
}

.corp-selectbox.w2selectbox[aria-activedescendant] .w2selectbox_label {
	color: var(--gray-700);
}

.corp-selectbox.w2table_sb {
	box-shadow: var(--cus-shadow-2);
	border: transparent;
}

.corp-selectbox.w2table_sb::-webkit-scrollbar {
	width: 16px;
	background-color: var(--gray-100);
}

.corp-selectbox.w2table_sb::-webkit-scrollbar-thumb {
	border-radius: 30px;
	border: 4px solid transparent;
	background-color: var(--gray-300);
	background-clip: content-box;
}

.corp-selectbox .w2table_sb_col {
	box-sizing: border-box;
	border-color: transparent;
	height: 36px;
	padding: 7px 10px;
}

.corp-selectbox .w2table_sb_col_over {
	background-color: var(--gray-100);
}

.corp-selectbox.w2selectbox.w2selectbox_open {
	border-color: var(--brand-500);
}

.corp-selectbox.w2selectbox.error {
	border-color: var(--cus-red-300);
}

.corp-selectbox.error-text {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-detail-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--red-800);
	margin-top: 6px;
}

.corp-selectbox.w2selectbox.w2selectbox_disabled {
	background-color: var(--gray-100);
}

.corp-selectbox.w2selectbox.w2selectbox_disabled .w2selectbox_label {
	color: var(--gray-400);
}

.corp-selectbox.w2selectbox.w2selectbox_disabled .w2selectbox_col_button {
	opacity: 0.5;
}

.corp-selectbox.w2selectbox.w2selectbox_disabled.readonly .w2selectbox_label {
	color: var(--gray-700) !important;
}

/* -------------------------------------------------- RADIO STYLES -------------------------------------------------- */
.corp .w2radio {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
    row-gap: 4px;
    column-gap: 20px;
}

.corp .w2radio .w2radio_item {
	min-width: unset;
	display: flex;
	align-items: center;
	position: relative;
}

.corp .w2radio .w2radio_item:first-child {
	margin-left: 0;
}

.corp .w2radio .w2radio_item input[type="radio"] {
	appearance: none;
    margin: 0;
    padding: 1px;
    width: 24px;
    height: 24px;
    border: 1px solid var(--cus-gray-400);
    border-radius: 50%;
    display: grid;
    place-content: center;
	flex-shrink: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.corp .w2radio.radio-sm .w2radio_item input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

.corp .w2radio[disabled] .w2radio_item input[type="radio"] {
	border: 1px solid var(--cus-gray-300);
}

.corp .w2radio .w2radio_item input[type="radio"]::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--brand-500);
}

.corp .w2radio.radio-sm .w2radio_item input[type="radio"]::before {
	width: 10px;
	height: 10px;
}

.corp .w2radio[disabled] .w2radio_item input[type="radio"]::before {
	box-shadow: inset 1em 1em var(--new-blue-200);
}

.corp .w2radio[disabled] .w2radio_item input[type="radio"]:checked {
    border: 1px solid var(--blue-400);
}

.corp .w2radio .w2radio_item input[type="radio"]:checked {
    border: 1px solid var(--brand-500);
}

.corp .w2radio[disabled] .w2radio_item input[type="radio"]:checked {
    border: 1px solid var(--new-blue-200);
}

.corp .w2radio .w2radio_item input[type="radio"]:checked::before {
	transform: scale(1);
}

.corp .w2radio .w2radio_item .w2radio_label {
	margin-left: 30px;	
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-m);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-700);
}

.corp .w2radio.radio-sm .w2radio_item .w2radio_label {
	display: none;
}

.corp .w2radio[disabled] .w2radio_item .w2radio_label {
	cursor: not-allowed;
}

/* -------------------------------------------------- FORM GRID STYLES -------------------------------------------------- */
.corp-form-grid {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--gray-700);
}

.corp-form-grid .required:before {
	content: '*';
	color: var(--cus-blue-200);
	margin-right: var(--spacing-xs);
	position: absolute;
	left: -8px;
}

.corp-form-grid-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: var(--font-weight-regular);
}

.corp-form-grid-header > * {
	position: relative;
}

.corp-form-grid-header .title {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-xl);
	line-height: var(--font-line-height-134);
	letter-spacing: -0.035em;
	color: var(--gray-900);
}

.corp-form-grid-body {
	border: 1px solid transparent;
	border-top: 2px solid var(--gray-900);
	margin-top: var(--spacing-lg);
}

.corp-form-grid-body .corp-form-grid-row {
	width: 100%;
	display: flex;
	border: 1px solid transparent;
	border-bottom-color: var(--gray-200);
	border-top: none;
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-left, .corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-right {
	display: flex;
	align-items: center;
	padding: var(--spacing-xl) var(--spacing-xl);
	background-color: var(--white);
	overflow: hidden;
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-left {
	width: 200px;
	background-color: var(--gray-100);
	flex-shrink: 0;
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-left.blank {
	background-color: transparent;
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-left.tooltip {
	padding-right: var(--spacing-sm);
	overflow: unset;
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-left.tooltip .icon {
	cursor: pointer;
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-left .title {
	color: var(--cus-gray-600);
	word-break: break-word;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	position: relative;
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-right {
	width: 100%;
	border: 1px solid transparent;
	border-left-color: var(--gray-200);
}

.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-right.blank {
	border-left-color: transparent;
}

.corp-form-grid-footer {
	margin-top: var(--spacing-6xl);
	display: flex;
	justify-content: center;
	align-items: center;
}

/* OVERRIDE OLD BUTTON */
.corp-form-grid .w2anchor2.btnLv2 {
	min-width: 31px;
	height: 31px;
	border-radius: var(--radius-xxs);
	padding: var(--spacing-sm) var(--spacing-lg);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--white);
	background: var(--cus-gray-600);
	border: 1px solid;
	border-color: transparent;
	margin: 0;
}

.corp-form-grid .w2anchor2.btnLv2.gray {
	color: var(--cus-gray-600);
	background-color: var(--cus-gray-scale-300);
	border-color: var(--cus-gray-scale-400);
}

.corp-form-grid .w2anchor2.btnLv2:hover,
.corp-form-grid .w2anchor2.btnLv2:active,
.corp-form-grid .w2anchor2.btnLv2:focus {
	text-decoration: none;
}

/* -------------------------------------------------- CARD STYLES -------------------------------------------------- */
/* CARD DEFAULT */
.corp-card {
	border: 1px solid transparent;
	border-color: var(--cus-gray-600);
	border-radius: var(--radius-xl);
	padding: var(--spacing-3xl) var(--spacing-4xl);
}

.corp-card.blue {
	border-color: var(--cus-blue-200);
}

/* CARD TYPE 1 */
.corp-card.type-1 {
	box-shadow: var(--shadow-1);
}

/* CARD TYPE 2 */
.corp-card.type-2 {
	box-shadow: var(--shadow-2);
}

/* CARD TYPE 3 */
.corp-card.type-3 {
	box-shadow: var(--shadow-3);
}

/* CARD TYPE 4 */
.corp-card.type-4 {
	box-shadow: var(--shadow-4);
}

/* -------------------------------------------------- FORM ENTITY STYLES -------------------------------------------------- */
/* INPUT PASSWORD */
.corp-input-password {
	position: relative;
	width: fit-content;
}

.corp-input-password .icon {
	position: absolute;
	top: 9px;
	right: 17px;
	text-indent: -9999px;
	overflow: hidden;
}

.corp-input.w2input, .corp-input-password .w2input, .corp-input-file {
	border: 1px solid var(--gray-300);
	padding: 7px 10px;
	color: var(--gray-700);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	height: 36px;
}

.corp-input.w2input.sum {
	text-align: right;
}

.corp-input.w2input.error, .corp-input-password .w2input.error, .corp-input-file.error {
	border-color: var(--red-800) !important;
}

.corp-input.w2input:focus, .corp-input-password .w2input:focus, .corp-input-file:focus {
	background-color: var(--white);
	border-color: var(--cus-blue-200);
	outline: none;
}

.corp-input.w2input[disabled], .corp-input-password .w2input[disabled], .corp-input-file[disabled] {
	color: var(--gray-400) !important;
	background-color: var(--gray-100) !important;
}

.corp-input.w2input[readonly], .corp-input-password .w2input[readonly], .corp-input-file[readonly] {
	color: var(--gray-700) !important;
	background-color: var(--gray-100) !important;
}

.corp-input.w2input::placeholder, .corp-input-password .w2input::placeholder {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-400);
}

.corp-input.w2input.sum::placeholder {
	text-align: right;
}

.corp .error-message {
	margin-top: 6px;
	font-weight: var(--font-weight-regular);
	font-size: var(--font-detail-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--red-800);
}

/* INPUT FILE */
.corp-input-file {
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.corp-input-file::file-selector-button {
	height: 31px;
	color: var(--cus-gray-600);
	background-color: var(--cus-gray-scale-300);
	border: 1px solid var(--cus-gray-scale-400);
	border-radius: var(--radius-xxs);
	padding: var(--spacing-sm) var(--spacing-lg);	
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	cursor: pointer;
}

/* INPUT SEARCH */
.corp-input-search {
	position: relative;
}

.corp-input-search .icon {
	position: absolute;
	top: var(--spacing-sm);
	left: var(--spacing-sm);
	z-index: var(--z-index-page-element);
	cursor: pointer;
}

.corp-input-search .corp-input {
	padding-left: 28px;
	height: 28px;
	border-color: var(--cus-gray-scale-600);
	border-radius: 4px;
}

/* -------------------------------------------------- VIRTUAL KEYBOARD STYLES -------------------------------------------------- */
/* OTP */
.corp .co_secret.se {
	margin-top: 0 !important;
}

.corp .co_secret colgroup col:first-child {
	width: 200px !important;
    background-color: var(--gray-300);
}

.corp .co_secret .w2tb.tbl_secret {
	border: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid var(--gray-800) !important;
}

.corp .co_secret .w2tb_th, .corp .co_secret .w2tb_td {
	border: none !important;
}

.corp .co_secret .w2tb_th {
	padding: 7px 16px !important;
	background-color: var(--gray-300);
}

.corp .co_secret .w2tb_td .w2anchor2.btn_keypad {
	position: absolute;
    height: 18px;
    width: 28px;
    background-image: url(/img/corp/icon-keyboard-blue.png) !important;
    background-size: contain !important;
    background-position: center !important;
    left: 380px;
    top: 6px;
}

/* -------------------------------------------------- FLAG STYLES -------------------------------------------------- */
.corp-flag-rounded {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--gray-500);
}

/* -------------------------------------------------- LABEL STYLES -------------------------------------------------- */
.corp-label {
	height: 25px;
	padding: 4px;
	box-sizing: border-box;
	border-width: 1px;
	border-radius: 4px;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.corp-label.blue {
	color: var(--brand-600);
}

.corp-label.purple {
	color: var(--purple-900);
}

.corp-label.red {
	color: var(--red-900);
}

.corp-label.orange {
	color: var(--orange-900);
}

.corp-label.seafoam {
	color: var(--seafoam-900);
}

.corp-label.outline {
	border-style: solid;
}

.corp-label.outline.blue {
	background-color: var(--blue-50);
	border-color: var(--blue-800);
	color: var(--brand-600);
}

.corp-label.outline.purple {
	background-color: var(--purple-50);
	border-color: var(--purple-700);
	color: var(--purple-900);
}

.corp-label.outline.red {
	background-color: var(--red-50);
	border-color: var(--red-700);
	color: var(--red-900);
}

.corp-label.outline.orange {
	background-color: var(--orange-50);
	border-color: var(--orange-700);
	color: var(--orange-900);
}

.corp-label.outline.seafoam {
	background-color: var(--seafoam-50);
	border-color: var(--seafoam-700);
	color: var(--seafoam-900);
}

.corp-label.filled {
	color: var(--white);
}

.corp-label.filled.blue {
	background-color: var(--blue-800);
	border-color: var(--blue-800);
}

.corp-label.filled.purple {
	background-color: var(--purple-700);
	border-color: var(--purple-700);
}

.corp-label.filled.red {
	background-color: var(--red-700);
	border-color: var(--red-700);
}

.corp-label.filled.orange {
	background-color: var(--orange-700);
	border-color: var(--orange-700);
}

.corp-label.filled.seafoam {
	background-color: var(--seafoam-700);
	border-color: var(--seafoam-700);
}

.corp-label .content {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*--------------------- SEARCH COMPONENT STYLES------------------*/
.table-search-wrapper {
	min-width: fit-content;
	display: flex;
	box-sizing:border-box;
	align-items: center;
}

.table-search-wrapper.show .corp-btn {
	background-color: transparent !important;
	border-radius: 4px 0 0 4px !important;
	border-right: none;
}

.table-search-wrapper .table-search-input {
	display: none;
}

.table-search-wrapper.show .table-search-input {
	display: block;
}

.table-search-input {
	height: 28px;
	background-color: transparent;
	border-radius: 0 4px 4px 0;
	animation: searchInputTranslateX 0.2s ease forwards;
	border: 1px solid var(--cus-gray-scale-600);
	border-left: none;
	padding: 4px;
	flex-shrink: 0;
	color: var(--cus-gray-600);
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
}

.table-search-input:focus {
	outline: none;
}


@keyframes searchInputTranslateX {
	from { 
		width: 0;
		opacity: 0;
	}
	to {
		width: 260px;
		opacity: 1;
	}
}
.grp_search:focus {
	outline: none;
}

/*--------------------- TOOLTIP STYLES------------------*/
.corp-tooltip {
	position: relative;
	cursor: pointer;
}

.corp-tooltip .content {
	position: absolute;
	top: calc(100% + 12px);
	left: -40%;
	z-index: var(--z-index-page-element);
	width: 250px;
	background-color: var(--white);
	padding: var(--spacing-lg);
	border: 1px solid var(--cus-gray-600);
	border-radius: var(--radius-xs);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-700);    
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
}

.corp-tooltip .content::after {
	content: "";
    position: absolute;
    top: -6px;
    left: 12px;
    height: 9px;
    width: 9px;
    background-color: white;
    border-top: 1px solid var(--cus-gray-600);
    border-left: 1px solid var(--cus-gray-600);
    transform: rotate(45deg);
    border-radius: 1px;
}

.corp-tooltip:hover .content {    
    visibility: visible;
    opacity: 1;
}

/*--------------------- SWITCH STYLES------------------*/
.corp-switch, .corp-switch .w2checkbox_item {
	width: 48px;
	height: 24px;
}

.corp-switch .w2checkbox_item {
	min-width: unset;
	position: relative;
}

.corp-switch .w2checkbox_item .w2checkbox_input {
	opacity: 0;
	width: 0;
	height: 0;
}

.corp-switch .w2checkbox_item .w2checkbox_label {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: var(--gray-400);
	border-radius: 99px;
	transition: .4s;
}

.corp-switch .w2checkbox_item .w2checkbox_label.w2checkbox_disabled {
	background-color: var(--gray-100);
}

.corp-switch .w2checkbox_item .w2checkbox_label::before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	border-radius: 50%;
	left: 4px;
	bottom: 4px;
	background-color: var(--white);
	transition: .4s;
}

.corp-switch .w2checkbox_item .w2checkbox_input:checked + .w2checkbox_label {
	background-color: var(--brand-500);
}

.corp-switch .w2checkbox_item .w2checkbox_label.w2checkbox_disabled::before {
	background-color: var(--gray-300);
}

.corp-switch .w2checkbox_item .w2checkbox_input:checked + .w2checkbox_label.w2checkbox_disabled {
	background-color: var(--brand-200);
}

.corp-switch .w2checkbox_item .w2checkbox_input:checked + .w2checkbox_label.w2checkbox_disabled::before {
	background-color: var(--white);
}

.corp-switch .w2checkbox_item .w2checkbox_input:checked + .w2checkbox_label::before {
	transform: translateX(24px);
}

/*--------------------- CURRENCY STYLES------------------*/
.corp-currency-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.corp-currency-wrapper .corp-currency {
	width: 40px;
	height: 20px;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0;
	border: none;
	border-radius: 20px;
}

.corp-currency-wrapper .vnd {
	background-color: #E5F3FF;
	color: #1E59CF;
}

.corp-currency-wrapper .eur {
	background-color: #B4E3D3;
	color: #008359;
}

/* -------------------------------------------------- CHIPS STYLES -------------------------------------------------- */
.corp-chip {
	height: 48px;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	background-color: var(--cus-gray-100);
	color: var(--cus-gray-900);
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.5px;
	font-weight: 500;
	border-radius: 100px;
	cursor: pointer;
}

.corp-chip:hover {
	background-color: var(--gray-200);
}

.corp-chip.selected {
	background-color: var(--cus-gray-800);
	color: var(--gray-50);
	font-weight: 700;
}

.corp-chip.selected .text-brand-400 {
	color: var(--brand-150) !important;
}

/* -------------------------------------------------- CHECKBOX STYLES -------------------------------------------------- */
.corp .w2checkbox_row .w2checkbox_input,
.corp .corp-table input[type="checkbox"] {
	appearance: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: 1px solid var(--gray-400);
	border-radius: var(--radius-xs);
	position: relative;
	background-color: var(--white);
}

.corp .checkbox-sm .w2checkbox_row .w2checkbox_input,
.corp .corp-table input[type="checkbox"] {
	width: 18px;
	height: 18px;
	border-radius: var(--radius-xxs);
	border-width: 1px !important;
}

.corp .w2checkbox_row .w2checkbox_input[disabled],
.corp .corp-table input[type="checkbox"][disabled] {
	background-color: var(--gray-100);
	border-color: var(--gray-300);
}

.corp .w2checkbox_row .w2checkbox_input[disabled]::after,
.corp .corp-table input[type="checkbox"][disabled]::after {
	border: none;
}

.corp .w2checkbox_row .w2checkbox_input:checked,
.corp .corp-table input[type="checkbox"]:checked,
.corp .w2checkbox_row .w2checkbox_input:indeterminate,
.corp .corp-table input[type="checkbox"]:indeterminate {
	border: none;
	background-color: var(--brand-500);
}

.corp .w2checkbox_row .w2checkbox_input[disabled]:checked,
.corp .corp-table input[type="checkbox"][disabled]:checked,
.corp .w2checkbox_row .w2checkbox_input[disabled]:indeterminate,
.corp .corp-table input[type="checkbox"][disabled]:indeterminate {
	background-color: var(--brand-200);
}

.corp .w2checkbox_row .w2checkbox_input::after,
.corp .corp-table input[type="checkbox"]::after {
	content: '';
    position: absolute;
    left: 9px;
    top: 3px;
    width: 4px;
    height: 10px;
    border: solid var(--gray-200);
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}

.corp .w2checkbox_row .w2checkbox_input:indeterminate::after,
.corp .corp-table input[type="checkbox"]:indeterminate::after {
	content: '';
    position: absolute;
    left: 11px;
	top: 5px;
    width: 0px;
    height: 14px;
    border: solid var(--gray-200);
    border-width: 0 1px 0 1px;
    transform: rotate(90deg);
}

.corp .checkbox-sm .w2checkbox_row .w2checkbox_input::after,
.corp .corp-table input[type="checkbox"]::after {
    left: 6px;
    top: 1px;
    width: 4px;
    height: 8px;
}

.corp .w2checkbox_row .w2checkbox_input:checked::after,
.corp .corp-table input[type="checkbox"]:checked::after {
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    top: 4px;
}

.corp .w2checkbox_row .w2checkbox_input:indeterminate::after,
.corp .corp-table input[type="checkbox"]:indeterminate::after {
    border: solid var(--white);
    border-width: 0 1px 0 1px;
}

.corp .checkbox-sm .w2checkbox_row .w2checkbox_input:checked::after,
.corp .corp-table input[type="checkbox"]:checked::after {
    top: 3px;
}

.corp .checkbox-sm .w2checkbox_row .w2checkbox_input:indeterminate::after,
.corp .corp-table input[type="checkbox"]:indeterminate::after {
    left: 8px;
	top: 4px;
    width: 0px;
    height: 10px;
}

.corp .w2checkbox_row .w2checkbox_input[disabled]:checked::after,
.corp .corp-table input[type="checkbox"][disabled]:checked::after {
    border-color: var(--gray-200);
}

.corp .checkbox-sm .w2checkbox_row .w2checkbox_td_label {
	padding-left: 10px;
}

.corp .checkbox-sm .w2checkbox_row .w2checkbox_td_label .w2checkbox_label {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-m);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-700);
}

.corp .w2checkbox.bold .w2checkbox_row .w2checkbox_td_label .w2checkbox_label {
	font-weight: var(--font-weight-bold);
}

.corp .w2checkbox.checkbox-group .w2checkbox_main tbody {
	display: flex;
	flex-direction: column;
}

.corp .w2checkbox.checkbox-group.col-16 .w2checkbox_main tbody {
	gap: var(--spacing-xl);
}

/* -------------------------------------------------- STEPPER STYLES -------------------------------------------------- */
#page_title .step_box {
	margin-bottom: 0;
}

#page_title .step_box ul {
	display: flex;
	align-items: center;
	column-gap: 12px;
}

#page_title .step_box ul li {
	margin: 0;
	padding: 0;
	width: auto;
}

#page_title .step_box ul li .box {
	height: auto;
	border: none;
	display: flex;
	align-items: center;
	column-gap: 6px;
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-title-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	background: var(--white);
}

#page_title .step_box ul li.selected .box {
	background: var(--white);
	color: var(--brand-500);
}

#page_title .step_box ul li .box .txt2 {
	width: 32px;
	height: 32px;
	border-radius: var(--radius-full);
	border: 1px solid var(--gray-300);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--gray-500);
	background-color: var(--white);
	position: relative;
}

#page_title .step_box ul li.previous .box .txt2,
#page_title .step_box ul li.selected .box .txt2 {
	border-color: transparent;
	background-color: var(--brand-500);
	color: var(--white);
}

#page_title .step_box ul li.previous .box .txt2:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(/img/corp/previous-step.png);
	z-index: var(--z-index-page-element);
}

#page_title .step_box ul li .box .txt3 {
	display: none;
}

#page_title .step_box ul li.selected .box .txt3 {
	display: block;
}

.corp-stepper-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-title-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
}

.corp-stepper-wrapper .step {
	width: 32px;
	height: 32px;
	border-radius: var(--radius-full);
	border: 1px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	background-color: var(--brand-500);
}

.corp-stepper-wrapper .icon {
	width: 16px;
	height: 16px;
}

.corp-stepper-wrapper .previous-step * {
	display: none;
}

.corp-stepper-wrapper .previous-step .step {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(/img/corp/previous-step.png);
}

.corp-stepper-wrapper .current-step {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

.corp-stepper-wrapper .current-step .content {
	color: var(--brand-500);	
}

.corp-stepper-wrapper .next-step .step {
	border-color: var(--gray-300);
	color: var(--gray-500);
	background-color: var(--white);
}

/* -------------------------------------------------- SCROLL TO TOP STYLES -------------------------------------------------- */
#footer_top_btn {
	position: absolute;
	width: 40px;
	height: 40px;
	box-shadow: var(--shadow-3);
	background: #969da9 url(/img/corp/icon-down-black.png) center center no-repeat;
	background-color: var(--white);
    border: 1px solid var(--gray-200);
    border-color: var(--gray-200);
    border-radius: var(--radius-full);
    transform: rotate(180deg);
    background-size: 24px 24px;
    z-index: var(--z-index-corp-footer);
}

/* -------------------------------------------------- TRANSACTION INFORMATION STYLES -------------------------------------------------- */
.corp-trans-info {
	background-color: var(--gray-100);
	border-radius: var(--radius-xl);
	padding: var(--spacing-3xl) var(--spacing-4xl);
}

.corp-trans-info .title {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-xl);
    line-height: var(--font-line-height-134);
    letter-spacing: -0.8px;
    color: var(--gray-950);
}

.corp-trans-info .content {
	background-color: var(--white);
	border-radius: var(--radius-md);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-600);
    margin-top: var(--spacing-xl);
    padding: var(--spacing-3xl);
    gap: var(--spacing-2xl);
    display: flex;
    flex-direction: column;
}

.transaction-complete-logo {
	width: 80px;
	height: 80px;
	background-color: var(--brand-100) !important;
	border-radius: var(--radius-full);
	background-image: url(/img/corp/icon-check-blue.png) !important;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

/* -------------------------------------------------- POPUP STYLES -------------------------------------------------- */
.corp-popup {
	transition: all .25s ease;
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: calc(var(--z-index-corp-popup) - 2);
}

.corp-popup.show {
	visibility: visible;
	opacity: 1;
	max-height: 100vh;
}

.corp-popup .overlay {
	width: 100vw;
	height: 100vh;
	background-color: var(--gray-950-50);
	z-index: calc(var(--z-index-corp-popup) - 1);
}

.corp-popup .popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--white);
	box-shadow: var(--shadow-4);
	border-radius: var(--radius-md);
	z-index: var(--z-index-corp-popup);
}

.corp-popup.type-1 .popup {
	width: 480px;
	padding: var(--spacing-xl);
	padding-bottom: var(--spacing-4xl);
}

.corp-popup.type-2 .popup {
	width: 800px;
}

.corp-popup .popup .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.corp-popup.type-2 .popup .header {
	padding: var(--spacing-2xl) var(--spacing-4xl) var(--spacing-2xl) var(--spacing-5xl);
	border-bottom: 1px solid #E8E8E8;
}

.corp-popup .popup .header .title {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-xl);
    line-height: var(--font-line-height-134);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-900);
}

.corp-popup .popup .header .icon {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.corp-popup .popup .content {
	text-align: center;
}

.corp-popup.type-1 .popup .content {
	margin-top: var(--spacing-md);
}

.corp-popup.type-2 .popup .content {
	margin: var(--spacing-5xl);
	margin-bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 600px;
}

.corp-popup.type-2 .popup .content::-webkit-scrollbar {
	width: 5px;
	background-color: var(--gray-200);
}

.corp-popup.type-2 .popup .content::-webkit-scrollbar-thumb {
	border-radius: 30px;
	background-color: var(--gray-400);
}

.corp-popup .popup .footer {
	display: flex;
	justify-content: center;
	align-items: center;
}

.corp-popup.type-1 .popup .footer {
	margin-top: var(--spacing-xl);
}

.corp-popup.type-2 .popup .footer {
	padding: var(--spacing-3xl) var(--spacing-5xl) var(--spacing-5xl);
}

/* AS-IS POPUP */
.corp .corp-as-is-popup {
	box-shadow: var(--cus-shadow-3);
    border-radius: var(--radius-md);
}

.corp .corp-as-is-popup .w2floatingLayer_topleft,
.corp .corp-as-is-popup .w2floatingLayer_topright,
.corp .corp-as-is-popup .w2floatingLayer_centerleft,
.corp .corp-as-is-popup .w2floatingLayer_centerright,
.corp .corp-as-is-popup .w2floatingLayer_bottomleft,
.corp .corp-as-is-popup .w2floatingLayer_bottomcenter,
.corp .corp-as-is-popup .w2floatingLayer_bottomright {
	display: none;
}

.corp .corp-as-is-popup .w2floatingLayer_topcenter {
	border-top-left-radius: var(--radius-md);
	border-top-right-radius: var(--radius-md);
	height: unset;
	background: var(--white);
	padding: var(--spacing-2xl) var(--spacing-5xl);
	padding-right: var(--spacing-4xl);
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--gray-200);
}

.corp .corp-as-is-popup.hide-divider .w2floatingLayer_topcenter {
	border-bottom-color: transparent;
	padding: var(--spacing-xl) var(--spacing-xl) 0;
}

.corp .corp-as-is-popup.system .w2floatingLayer_topcenter {
	border-top: none;
}

.corp .corp-as-is-popup .w2floatingLayer_title {
	padding: 0;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-xl);
    line-height: var(--font-line-height-134);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-900);
    float: unset;
}

.corp .corp-as-is-popup.system .w2floatingLayer_title {
	margin-top: 0;
	color: var(--gray-900) !important;
}

.corp .corp-as-is-popup .w2floatingLayer_close_button {
	position: static;
	width: 32px;
	height: 32px;
	background: url(/img/corp/icon-close-black.png) center center no-repeat;
	background-size: 24px 24px;
	float: unset;
}

.corp .corp-as-is-popup.system .w2floatingLayer_close_button {
	background: url(/img/corp/icon-close-black.png) center center no-repeat;
	background-size: 24px 24px;
}

.corp .corp-as-is-popup .w2floatingLayer_contents,
.corp .corp-as-is-popup .w2floatingLayer_contents .pop_closeBar {
	border-bottom-left-radius: var(--radius-md);
	border-bottom-right-radius: var(--radius-md);
}

.corp .corp-as-is-popup .w2floatingLayer_contents .popWrap {
	padding: var(--spacing-4xl) var(--spacing-5xl);
}

.corp .corp-as-is-popup.hide-divider .w2floatingLayer_contents .popWrap {
	padding: var(--spacing-md) var(--spacing-xl) var(--spacing-4xl);
}

.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv1,
.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv3 {
	min-width: unset;
	width: auto;
	height: 44px;
	padding: 10px 20px;
	margin: 0;
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-body-m);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	border: 1px solid transparent;
	border-radius: var(--radius-xs);
	color: var(--white);
	background: var(--brand-700);
}

.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv1:hover,
.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv1:active,
.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv1:focus,
.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv3:hover,
.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv3:active,
.corp .corp-as-is-popup .w2floatingLayer_contents .btn_area_01 .btnLv3:focus {
	text-decoration: none;
}

/* AS-IS ALERT */
.corp .corp-as-is-alert {
	border: none;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-4);
	background-color: var(--white);
}

.corp .corp-as-is-alert .altTit {
	margin: 16px;
	margin-bottom: 0;
	background-color: var(--white);
	height: 24px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.corp .corp-as-is-alert .altTit a {
	float: unset;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/img/corp/icon-close-black.png) center center no-repeat;
	background-size: 20px 20px;
}

.corp .corp-as-is-alert .altWrap {
	padding: 0;
	margin: 8px 16px 32px;
}

.corp .corp-as-is-alert .altWrap .p_contBox {
	padding: 0;
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-title-m);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-900);
	text-align: center;
}

.corp .corp-as-is-alert .altWrap .btn_area_01 {
	padding: 0;
	margin-top: 16px;
}

.corp .corp-as-is-alert .altWrap .btn_area_01 .centerArea_01 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.corp .corp-as-is-alert .altWrap .btn_area_01 .centerArea_01 .btnLv3 {
	min-width: unset;
	width: auto;
	height: 44px;
	padding: 10px 20px;
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-body-m);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--cus-gray-600);
	background: var(--white);
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-xs);
}

.corp .corp-as-is-alert .altWrap .btn_area_01 .centerArea_01 .btnLv3:hover,
.corp .corp-as-is-alert .altWrap .btn_area_01 .centerArea_01 .btnLv3:active,
.corp .corp-as-is-alert .altWrap .btn_area_01 .centerArea_01 .btnLv3:focus {
	text-decoration: none;
}

.corp .corp-as-is-alert .altWrap .btn_area_01 .centerArea_01 #btn_right.btnLv3 {
	margin: 0;
	color: var(--white);
	background: var(--brand-700);
	border: 1px solid transparent;	
}

/* -------------------------------------------------- HEADER STYLES -------------------------------------------------- */
#header *, #header {
	font-family: unset !important;
}

#header {
	padding-top: 0;
	position: unset;
	top: 0;
	width: 100%;
	background: var(--white);
	z-index: var(--z-index-corp-header);
}

#header.hideDep1 {
	box-shadow: none;
}

#header .top {
	background: var(--white);
	padding: 0;
	padding-top: var(--spacing-3xl);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header .top:after {
	content: unset;
}

#header .top .logo-wrapper,
#header .top .logo-wrapper .acc-type-wrapper {
	display: flex;
	align-items: center;
}

#header .top .logo-wrapper {
	gap: var(--spacing-md);
}

#header .top .logo-wrapper .logo.vn {
	padding: 0;
	height: 20px;
	background-position: left;
	width: 133px;
	min-width: 133px;
	position: relative;
	display: block;
}

#header .top .logo-wrapper .acc-type-wrapper {
	gap: var(--spacing-lg);
}

#header .top .logo-wrapper .acc-type-wrapper div {
	padding: var(--spacing-xs) var(--spacing-md);
	border-radius: var(--radius-xxs);
	
}

#header .top .logo-wrapper div.selected {
	background: var(--blue-800);
}

#header .top .logo-wrapper div a:hover,
#header .top .logo-wrapper div a:active,
#header .top .logo-wrapper div a:focus {
	text-decoration: none;
}

#header .top .logo-wrapper div a {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
	color: var(--brand-600);
}

#header .top .logo-wrapper .selected a {
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	color: var(--white);
}

#header .top .l_info {
	display: none;
}

#header .login_info {
	gap: var(--spacing-lg);
}

#header .login_info .time_cnt {
	align-items: center;
	border: none;
	border-radius: 0; 
	padding: 0;
	gap: var(--spacing-xs);
}

#header .login_info .time_cnt .l_infoB#txt_logoutTime {
	text-align: left;
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-900);
}

#header .login_info .btn-wrapper {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

#header .login_info .btn_login {
	box-sizing: border-box;
	width: auto;
	min-width: auto;
    padding: var(--spacing-xs) var(--spacing-md);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--cus-gray-600);
	background: var(--white) !important;
	border: 1px solid var(--gray-300);
	border-radius: var(--radius-xxs);
}

#header .login_info .btn_login:hover,
#header .login_info .btn_login:active,
#header .login_info .btn_login:focus {
	text-decoration: none;
}

#header .login_info .btn_login.extend {
	color: var(--white);
	background: var(--cus-gray-600) !important;
	border: 1px solid transparent;
}

#header .login_info .lang {
	margin-left: 0;
	display: block;
	color: var(--gray-900);
}

#header .login_info .lang .header-lang-dropdown.w2selectbox {
    height: 24px;
	width: 42px;
    min-width: unset;
    padding: 0;
	border: none;
}

#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_over .w2selectbox_col_label,
#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_focus .w2selectbox_col_label,
#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_over .w2selectbox_col_button,
#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_focus .w2selectbox_col_button {
	background-color: transparent;
}

#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_col_label .w2selectbox_label {
	padding: 0;
}

#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_col_label .corp-lang-item-wrapper .icon-wrapper {
	padding: var(--spacing-xs);	
}

#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_col_label .corp-lang-item-wrapper span {
	display: none;
}

#header .login_info .lang .header-lang-dropdown.w2selectbox .w2selectbox_col_button {
	height: 16px;
	background-image: url(/img/corp/icon-down-black.png);
	background-size: contain;
	background-position: center;
	top: 0 !important; 
}

.header-lang-dropdown.w2table_sb * {
	box-sizing: border-box;
}

.header-lang-dropdown.w2table_sb {
	box-sizing: border-box;
	border: 1px solid var(--cus-gray-scale-400);
	border-radius: var(--radius-xs);
	width: auto !important;
	overflow-y: hidden;
}

.header-lang-dropdown.w2table_sb .w2table_sb_main {
	width: 100% !important;
	position: unset;
}

.header-lang-dropdown.w2table_sb .w2table_sb_main .w2table_sb_col {
	padding: 0;
	border: none;
	padding: var(--spacing-md) var(--spacing-lg);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-detail-l) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--cus-gray-600);
}

.header-lang-dropdown.w2table_sb .w2table_sb_main .w2table_sb_col.w2table_sb_col_over {
	background-color: transparent;
	font-weight: var(--font-weight-medium);
	color: var(--cus-blue-200);
}

.header-lang-dropdown.w2table_sb .w2table_sb_main .w2table_sb_col .corp-lang-item-wrapper {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

.header-lang-dropdown.w2table_sb .w2table_sb_main .w2table_sb_col .corp-lang-item-wrapper .icon-wrapper {
	padding: var(--spacing-xs);
}

.header-lang-dropdown.w2table_sb .w2table_sb_main .w2table_sb_col .corp-lang-item-wrapper .icon-wrapper .icon {
	width: 16px;
	height: 16px;
}

#header #gnb {
	height: auto !important;
	box-shadow: unset !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: var(--spacing-2xl);
	padding-top: var(--spacing-3xl);
	background: var(--white) !important;
	position: relative;
}

#header #gnb > ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: unset !important;
	column-gap: var(--spacing-4xl) !important;
	width: auto;
	height: 100%;
	margin: 0;
}

#header #gnb > ul > li {
	width: auto !important;
	text-align: left;
	padding: 0;
	margin-bottom: 0;
}

#header #gnb > ul > li.selected {
	font-weight: var(--font-weight-semi-bold);
	background: var(--white);
	border-radius: 0;
}

#header #gnb > ul > li a,
#header #gnb > ul > li.selected a {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-m) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--gray-700) !important;
	padding: 0;
}

#header.hideDep1 #gnb > ul > li a {
	max-width: 100%
}

#header #gnb > ul > li.selected a {
	font-weight: var(--font-weight-semi-bold);
	color: var(--gray-700);
}

#header #gnb .menu-button-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-self: flex-start;
	flex-shrink: 0;
}

#header #gnb .menu-button-wrapper div {
	padding: 0;
	margin: 0;
	gap: unset;
	width: 48px;
	height: 48px;
}

#header #gnb .menu-button-wrapper div a#search {
	background: url(/img/corp/icon-menu-search.png) no-repeat;
	background-size: contain;
	width: 48px;
	height: 48px;
}

#header #gnb .menu-button-wrapper div a#menuAll3 {
	background: url(/img/corp/icon-menu.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
}

#header #gnb .menu-button-wrapper div a {
	width: 48px;
	height: 48px;
	display: block;
}

#header #corp_submenu {
	position: absolute;
	z-index: calc(var(--z-index-corp-header) + 1);
	top: 0;
	left: -100vw;
	width: 100%;
	background-color: var(--white);
	box-shadow: var(--cus-shadow-1);
}


#header #corp_submenu.show {
	left: 0;
}

#header #corp_submenu .icon-close-black {
	position: absolute;
	bottom: var(--spacing-3xl);
	right: var(--spacing-xl);
	cursor: pointer;
	width: 24px;
	height: 24px;
}

#header #corp_submenu .corp-menu > a:active,
#header #corp_submenu .corp-menu > a:focus,
#header #corp_submenu .corp-menu > a:hover {
	text-decoration: none;
}

#header #corp_submenu .corp-submenu-lv1-wrapper,
#header #corp_submenu .corp-submenu-lv1-wrapper > a {
	display: none;
}

#header #corp_submenu .corp-submenu-lv1-wrapper.show {
	display: block;
}

#header #corp_submenu .corp-submenu-lv2-wrapper {
	display: flex;
	flex-wrap: wrap;
	row-gap: var(--spacing-3xl);
	padding: var(--spacing-3xl) 0 var(--spacing-4xl);
}

#header #corp_submenu .corp-submenu-lv2-wrapper > div {
	width: 25%;
	padding: 0 var(--spacing-xl);
	border-left: 1px solid var(--gray-200);
}

#header #corp_submenu .corp-submenu-lv2-wrapper > div:first-child,
#header #corp_submenu .corp-submenu-lv2-wrapper > div:nth-child(4n + 1) {
	padding-left: var(--spacing-md);
	border-left: 1px solid transparent;
}

#header #corp_submenu .corp-submenu-lv2-wrapper > div:nth-child(4n) {
	padding-right: var(--spacing-md);
}

#header #corp_submenu .corp-submenu-lv2-wrapper > div > a {
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-body-l);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-700);
}

#header #corp_submenu .corp-submenu-lv3-wrapper {
	margin-top: var(--spacing-md);
}

#header #corp_submenu .corp-submenu-lv3-wrapper > div {
	padding: var(--spacing-md) 0;
}

#header #corp_submenu .corp-submenu-lv3-wrapper > div > a {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--cus-gray-600);
}

#header #corp_submenu .corp-submenu-lv4-wrapper {
	margin-top: var(--spacing-xs);
}

#header #corp_submenu .corp-submenu-lv4-wrapper > div {
	padding: var(--spacing-xs) var(--spacing-md);
}

#header #corp_submenu .corp-submenu-lv4-wrapper > div > a {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-detail-l);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--cus-gray-600);
}

#header #corp_burgermenu {
	position: absolute;
	z-index: calc(var(--z-index-corp-header) + 2);
	width: 100%;
	background-color: var(--white);
	box-shadow: var(--cus-shadow-1);
	display: none;
	opacity: 0;
	translate: 100vw 0;
	transition-property: display opacity;
	transition-duration: .25s;
	transition-behavior: allow-discrete;
}

#header #corp_burgermenu.show {
	display: block;
	opacity: 1;
	translate: 0 0;
	
	@starting-style {
		opacity: 0;
		translate: 100vw 0;
	}
}

#header #corp_burgermenu,
#header #corp_burgermenu a {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150);
	letter-spacing: var(--font-letter-spacing-2);
	color: var(--gray-900);
}

#header #corp_burgermenu .corp-burger-lv1-wrapper {
	padding-top: var(--spacing-3xl);
}

#header #corp_burgermenu .corp-burger-lv2-wrapper > div {
	margin-top: var(--spacing-xl);
}

#header #corp_burgermenu .corp-burger-lv3-wrapper > div {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
	row-gap: var(--spacing-xl);
	padding-top: var(--spacing-xl);
}

#header #corp_burgermenu .corp-burger-lv3-wrapper > div > div {
	width: 30%;
}

#header #corp_burgermenu .corp-burger-lv4-wrapper > div {
	display: flex;
	flex-direction: column;
	row-gap: var(--spacing-xl);
	padding-top: var(--spacing-xl);
}

#header #corp_burgermenu .corp-burger-lv4-wrapper > div > div {
	padding-left: var(--spacing-md);
}

#header #corp_burgermenu .corp-burger-lv1-title,
#header #corp_burgermenu .corp-burger-lv1-title a {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-xl);
}

#header #corp_burgermenu .corp-burger-lv2-title,
#header #corp_burgermenu .corp-burger-lv2-title a {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-m);
}

#header #corp_burgermenu .corp-burger-lv3-title,
#header #corp_burgermenu .corp-burger-lv3-title a {
	font-weight: var(--font-weight-bold);
}

#header #menu_search {
	top: var(--spacing-3xl) !important;
}

#header #menu_search > div {
	width: 800px;
	height: 400px;
	padding: 0;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-4);
}

#header #menu_search > div .search-header .search-header-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--spacing-2xl) var(--spacing-4xl) var(--spacing-2xl) var(--spacing-5xl);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-xl);
	line-height: var(--font-line-height-134) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--gray-900);
}

#header #menu_search > div .search_title {
	margin: 0;
	padding: var(--spacing-lg) var(--spacing-5xl) 0;
}

#header #menu_search > div .search_title .ipt_search {
	border-radius: var(--radius-xxs);
	border: 1px solid var(--cus-gray-scale-600);
	height: 28px;
	padding: var(--spacing-sm) calc(var(--spacing-sm) + 20px);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--cus-gray-600);
}

#header #menu_search > div .search_title .icon.icon-search-black {
	position: absolute;
	top: calc(var(--spacing-lg) + var(--spacing-sm));
	left: calc(var(--spacing-5xl) + var(--spacing-sm));
	z-index: var(--z-index-page-element);
}

#header #menu_search > div .search_title .icon.icon-close-black {
	position: absolute;
	top: calc(var(--spacing-lg) + var(--spacing-sm));
	right: calc(var(--spacing-5xl) + var(--spacing-sm));
	z-index: var(--z-index-page-element);
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

#header #menu_search > div #usefull {
	margin: 0;
	padding: var(--spacing-lg) var(--spacing-5xl) 0;
}

#header #menu_search > div #usefull span {
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-title-s);
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--gray-900);
}

#header #menu_search > div .search-result-wrapper {
	padding: var(--spacing-lg) var(--spacing-5xl) var(--spacing-5xl);
	height: 247px;
}

#header #menu_search > div .search-result-wrapper .search_result {
	margin: 0;
	height: 100%;
	padding-left: var(--spacing-sm);
}

#header #menu_search > div .search-result-wrapper .search_result::-webkit-scrollbar-track {
 	background: var(--gray-200);
}

#header #menu_search > div .search-result-wrapper .search_result::-webkit-scrollbar-thumb {
	background: var(--gray-400);
	border-radius: var(--radius-xl);
}

#header #menu_search > div .search-result-wrapper .search_result::-webkit-scrollbar-thumb:hover {
	background: var(--gray-400);
}

#header #menu_search > div .search-result-wrapper .search_result li {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	margin: 0;
	padding-top: var(--spacing-lg);
}

#header #menu_search > div .search-result-wrapper .search_result li:first-of-type {
	padding-top: 0;
}

#header #menu_search > div .search-result-wrapper .search_result li a {
	color: var(--cus-gray-600);
}

#header .breadcrumb-wrapper {
	padding: var(--spacing-lg) 0;
	background-color: var(--brand-500);
}

#header .breadcrumb-wrapper .corp-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header .breadcrumb-wrapper .location * {
	margin: 0;
}

#header .breadcrumb-wrapper .location,
#header .breadcrumb-wrapper .location strong {
	display: flex;
	align-items: center;
	gap: var(--spacing-lg);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s) !important;
	line-height: var(--font-line-height-150) !important;
	letter-spacing: var(--font-letter-spacing-2) !important;
	color: var(--white);
}

#header .breadcrumb-wrapper .location strong {
	text-decoration: underline;
}

/* Remove from old header */
#header .dep1 {
	display: none;
}

/* -------------------------------------------------- FOOTER STYLES -------------------------------------------------- */
#footer {
	margin-top: var(--spacing-8xl);
}

#footer .fLink {
	margin-top: 0;
}

#footer .fLink .appLink {
	display: none !important;
}

#footer .fLink1 {
	background: var(--gray-50);
	padding: var(--spacing-xl) 0;
	height: auto;
}

#footer .fLink1 .area, #footer .fLink2 .area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	column-gap: var(--spacing-6xl);
}

#footer .fLink1 ul li, #footer .fLink2 ul li {
	width: auto;
	height: auto;
	display: block;
	text-align: left;
	padding: 0;
}

#footer .fLink1 ul li a {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-m);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-700);
}

#footer .fLink2, #footer .fLink2 .area, #footer address {
	background: var(--white) !important;
}

#footer .fLink2 .area {
	column-gap: var(--spacing-xl);
	padding: 0;
	padding-top: var(--spacing-3xl);
}

#footer .fLink2 ul li a {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-500);
    padding: 0 !important;
}

#footer address {
	padding: var(--spacing-lg) 0 var(--spacing-5xl);
	text-align: left;
}

#footer address .txt_copyright {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-detail-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-900);
}

/* Remove from old footer */
#footer #grp_contentsFooter, #footer .fLink2 ul li.btn_top {
	display: none;
}

/* -------------------------------------------------- TOAST MESSAGE STYLES -------------------------------------------------- */
.corp-toast {
	transition: all .25s ease;
	position: fixed;
	top: -100vh;
	left: 50%;
	transform: translateX(-50%);
	max-width: 350px;
	padding: 14px 24px;
	background-color: var(--gray-950-90);
	border-radius: 16px;
}

.corp-toast.show {
	top: 100px;
}

.corp-toast .corp-toast-content {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-m);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--white);
}

/* -------------------------------------------------- PAGINATION STYLES -------------------------------------------------- */
.corp-pagination {
	display: flex;
	justify-content: center;
}

.corp-pagination .w2pageList .w2pageList_ul {
	display: flex;
	gap: var(--spacing-sm)
}

.corp-pagination .w2pageList .w2pageList_ul li, .corp-pagination .w2pageList .w2pageList_ul li a {
	width: 36px;
	height: 36px;
	padding: 0;
	line-height: unset;
}

.corp-pagination .w2pageList .w2pageList_ul li a {
	border: 1px solid transparent; 
	border-color: var(--cus-gray-scale-600);
	border-radius: var(--radius-full);
	font-weight: var(--font-weight-regular);
	font-size: var(--font-body-l);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-900);
    display: flex;
    align-items: center;
    justify-content: center;
}

.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_prevPage {
	background: url(/img/common/pageArrow_first.gif) center no-repeat !important;
}

.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_prev {
	background: url(/img/common/pageArrow_prev.gif) center no-repeat !important;
}

.corp-pagination .w2pageList .w2pageList_ul li a.w2pageList_label_selected {
	color: var(--brand-500);
	border-color: var(--brand-500);
	font-weight: var(--font-weight-bold);
}

.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_next {
	background: url(/img/common/pageArrow_next.gif) center no-repeat !important;
}

.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_nextPage {
	background: url(/img/common/pageArrow_end.gif) center no-repeat !important;
}

.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_prevPage a,
.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_prev a,
.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_next a,
.corp-pagination .w2pageList .w2pageList_ul li.w2pageList_col_nextPage a {
	border-radius: var(--radius-xxs);
}

/* -------------------------------------------------- COLLAPSE TITLE STYLES -------------------------------------------------- */
.corp-collapse-title .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.corp-collapse-title .header .title {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-xl);
    line-height: var(--font-line-height-134);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-900);
}

.corp-collapse-title .header .toggle-icon {
	display: flex;
	align-items: center;
	gap: var(--spacing-sm);
}

.corp-collapse-title .header .toggle-icon p {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-m);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-700);
}

.corp-collapse-title .header .toggle-icon .icon {
	transition: transform 0.25s ease-out;
}

.corp-collapse-title.show .header .toggle-icon .icon {
	transform: rotate(180deg);
}

.corp-collapse-title .content {
    transition: all .25s ease;
	visibility: hidden;
	opacity: 0;
	max-height: 0;
}

.corp-collapse-title.show .content {
	visibility: visible;
	opacity: 1;
	max-height: 1000vh;
}

.corp-collapse-title.show .content .wf_subDetail .section_title > * {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-title-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--cus-gray-600);
}

.corp-collapse-title.show .content .wf_subDetail .section_title {
	padding: var(--spacing-lg) 0;
	margin: 0;
}

.corp-collapse-title.show .content .wf_subDetail .w2tb {
	border-top: 2px solid var(--gray-900);
}

.corp-collapse-title.show .content .wf_subDetail .w2tb .w2tb_th,
.corp-collapse-title.show .content .wf_subDetail .w2tb .w2tb_td {
	border: 1px solid var(--gray-200);
}

.corp-collapse-title.show .content .wf_subDetail .w2tb.tbl_adp tr:first-child .w2tb_th,
.corp-collapse-title.show .content .wf_subDetail .w2tb.tbl_adp tr:first-child .w2tb_td {
	border-top-color: transparent;
}

.corp-collapse-title.show .content .wf_subDetail .w2tb tbody:last-child tr:last-child .w2tb_th,
.corp-collapse-title.show .content .wf_subDetail  .w2tb tbody:last-child tr:last-child .w2tb_td {
	border-bottom-color: var(--gray-200) !important;
}

.corp-collapse-title.show .content .wf_subDetail .w2tb.tbl_adp .w2tb_th,
.corp-collapse-title.show .content .wf_subDetail .w2tb.tbl_adp .w2tb_td {
	height: auto;
	padding: var(--spacing-2xl) var(--spacing-3xl);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-body-s);
    line-height: var(--font-line-height-150);
    letter-spacing: var(--font-letter-spacing-2);
    color: var(--gray-700);
}

.corp-collapse-title.show .content .wf_subDetail .w2tb.tbl_adp .w2tb_th {
	text-align: center;
	background: var(--gray-100);
    color: var(--cus-gray-600);
	padding: var(--spacing-2xl) var(--spacing-lg);
}

.corp-collapse-title.show .content .wf_subDetail .w2tb.tbl_adp .w2tb_th.must:before {
	display: unset;
	background: unset;
	color: var(--brand-500);
}

/* ------------------------------------------------------------ RESPONSIVE STYLES ------------------------------------------------------------ */
@media (max-width: 1200px) {
/* -------------------------------------------------- GLOBAL STYLES -------------------------------------------------- */
	.corp-wrapper {
		width: auto !important;
		margin: 0 !important;
		padding-left: var(--spacing-4xl) !important;
		padding-right: var(--spacing-4xl) !important;
	}
	
/* -------------------------------------------------- FOOTER STYLES -------------------------------------------------- */	
	#footer {
		margin-top: var(--spacing-7xl);
	}
}

@media (max-width: 1000px) {
/* -------------------------------------------------- GLOBAL STYLES -------------------------------------------------- */
	.corp {
		min-width: 700px;
	}
	
	.corp-wrapper {
		width: auto !important;
		margin: 0 !important;
		padding-left: var(--spacing-4xl) !important;
		padding-right: var(--spacing-4xl) !important;
	}
	
/* -------------------------------------------------- HEADER STYLES -------------------------------------------------- */
	#header {
		height: auto;
		padding: 0;
	}
	
	#header.hideDep1 {
		height: auto;
	}
	
	#header .top {
		padding: var(--spacing-3xl) var(--spacing-4xl) 0 !important;
	}
	
	#header.hideDep1 .login_info {
		margin-right: inherit !important;
	}
	
	#header .login_info .btn_login {
		display: inherit !important;
	}
	
    #header .login_info.search_btn #search {
    	height: inherit !important;
    	width: inherit !important;
    }
	
/* -------------------------------------------------- FOOTER STYLES -------------------------------------------------- */
	#footer {
		margin-top: var(--spacing-6xl);
	}
	
	#footer, #footer .fLink {
		padding: unset;
		background: transparent;
	}
	
	#footer .fLink1, #footer .fLink2 {
		display: block;
	}
}

@media (max-width: 817px) {
	.w2grid.w2grid_adaptive_crosstab td.gridBodyDefault {
		height: 43px !important;
	}
}

@media screen and (max-width: 768px) {
/* -------------------------------------------------- GLOBAL STYLES -------------------------------------------------- */
	.corp {
		min-width: 400px;
	}
	
	.corp-wrapper {
		padding-left: var(--padding-container-mobile) !important;
		padding-right: var(--padding-container-mobile) !important;
	}

/* -------------------------------------------------- FORM GRID STYLES -------------------------------------------------- */
	.corp-form-grid-body .corp-form-grid-row {
		flex-direction: column;
		border-bottom-color: transparent;
	}
	
	.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-left, .corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-right {
		width: auto; 
	}
	
	.corp-form-grid-body .corp-form-grid-row .corp-form-grid-row-right {
		border: 1px solid transparent;
		border-bottom-color: var(--gray-800);  
	}
	
/* -------------------------------------------------- HEADER STYLES -------------------------------------------------- */
	#header .top {
		padding: var(--spacing-xl) var(--spacing-2xl) 0 !important;
	}
	
	#header #gnb {
		padding-top: var(--spacing-xl);
	}

/* -------------------------------------------------- FOOTER STYLES -------------------------------------------------- */
	#footer {
		margin-top: var(--spacing-5xl);
	}
	
	#footer .fLink1 .area, #footer .fLink2 .area {
		flex-direction: column;
	}
	
	#footer .corp-divider {
		display: none;
	}
	
	#footer address {
        text-align: center;
    }
}

@media (max-width: 485px) {
/* -------------------------------------------------- GLOBAL STYLES -------------------------------------------------- */	
	.corp-wrapper {
		width: auto !important;
		margin: 0 !important;
		padding-left: var(--padding-container-mobile) !important;
		padding-right: var(--padding-container-mobile) !important;
	}
	
/* -------------------------------------------------- HEADER STYLES -------------------------------------------------- */
    #header .top {
        padding: var(--spacing-md) var(--padding-container-mobile) 0 !important;
    }
    
    #header #gnb {
    	padding-top: var(--spacing-md);
    }
    
    #header.hideDep1 .login_info.search_btn {
    	display: none;
    }
    
    #header #gnb .menu-button-wrapper div,
    #header #gnb .menu-button-wrapper div a {
    	width: 24px;
    	height: 24px;
    }
}