:root, [data-bs-theme=light]{
	/* color */
	--primary-color: #00A040;
	--secondary-color: #0066a8;
	--gray-color-f5: #F5F5F5;
	--gray-color-e5: #E5E5E5;
	--gray-color-c: #ccc;
	--gray-color-a: #aaa;
	--gray-color-7: #777;
	--gray-color-2: #222;
	--black-color: #1E1E1E;
	--white-color: #fff;
	--red-color: #E60012;
	--red-color2: #CF1212;
}

html,body{padding: 0 !important;width: 100%;height: 100%;margin: 0;padding: 0;}
html{font-size: 16px;margin: 0 auto;}
*{margin: 0;padding: 0;}
img{max-width: 100%}
select {
  appearance: none;       /* 표준 */
  -webkit-appearance: none; /* 크롬, 사파리 */
  -moz-appearance: none;    /* 파이어폭스 */
  background: none;       /* 필요하면 배경도 제거 */
}

.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1400px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{padding-left: 20px;padding-right: 20px;width: 100%;}

body{color: #1E1E1E;font-family: 'pretendard', 'Roboto', 'AppleSDGothicNeo', 'Apple SD 산돌고딕 Neo', Helvetica, '맑은 고딕', 'malgun gothic', 'Microsoft NeoGothic', 'Droid sans', sans-serif;}
.font-nanum {font-family: 'NanumGothic';}

a{color: inherit;cursor: pointer;transition: all 0.3s;text-decoration: none}
a:hover,
a:focus{text-decoration: none;color: inherit;}

ul, li {list-style: none;}
dl, ol, ul {margin-bottom: 0px;padding-left: 0;}

p{max-width: 100%;margin-bottom: 0;margin-top: 0;word-wrap: break-word;word-break: keep-all;}
h1,
h2,
h3{font-size: 1.75rem;}
h4{font-size: 1.5rem;}
h5{font-size: 1.25rem;}
h6{font-size: 1.125rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0;word-wrap: break-word;word-break: keep-all;max-width: 100%;}

.fw-semibold {font-weight: 600 !important;}
.fw-medium {font-weight: 500 !important;}

.decoration-underline {text-decoration: underline;}
.blind {position: absolute !important;min-width: 1px !important;width: 1px !important;min-height: 1px !important;height: 1px !important;margin: 0 !important;border: 0 none !important;display: inline-block !important;overflow: hidden;z-index: -1 !important;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.word-break {word-wrap: break-word;word-break: break-all;}
.admin-input {word-wrap: break-word;word-break: break-all;}

/* text 좌우 정렬 */
.text-between {display: flex;justify-content: space-between;}
.text-between > span {display: inline-block;}

/* width % */
.w-28 {width: 28%;}
.w-39 {width: 39%;}

/* padding */
.p3 {padding: .1875rem !important;}
.p20 {padding: 1.25rem !important;}
.p28 {padding: 1.75rem !important;}
.p30 {padding: 1.875rem !important;}
.p40 {padding: 2.5rem !important;}
.p60 {padding: 3.75rem !important;}
.p80 {padding: 5rem !important;}

.pt3,
.py3 {padding-top: .1875rem !important;}
.pb3,
.py3 {padding-bottom: .1875rem !important;}
.ps3,
.px3 {padding-left: .1875rem !important;}
.pe3,
.px3 {padding-right: .1875rem !important;}

.pt10,
.py10 {padding-top: .625rem !important;}
.pb10,
.py10 {padding-bottom: .625rem !important;}
.ps10,
.px10 {padding-left: .625rem !important;}
.pe10,
.px10 {padding-right: .625rem !important;}

.pt12,
.py12 {padding-top: .75rem !important;}
.pb12,
.py12 {padding-bottom: .75rem !important;}
.ps12,
.px12 {padding-left: .75rem !important;}
.pe12,
.px12 {padding-right: .75rem !important;}

.pt14,
.py14 {padding-top: .875rem !important;}
.pb14,
.py14 {padding-bottom: .875rem !important;}
.ps14,
.px14 {padding-left: .875rem !important;}
.pe14,
.px14 {padding-right: .875rem !important;}

.pt15,
.py15 {padding-top: .9375rem !important;}
.pb15,
.py15 {padding-bottom: .9375rem !important;}
.ps15,
.px15 {padding-left: .9375rem !important;}
.pe15,
.px15 {padding-right: .9375rem !important;}

.pt18,
.py18 {padding-top: 1.125rem !important;}
.pb18,
.py18 {padding-bottom: 1.125rem !important;}
.ps18,
.px18 {padding-left: 1.125rem !important;}
.pe18,
.px18 {padding-right: 1.125rem !important;}

.pt20,
.py20 {padding-top: 1.25rem !important;}
.pb20,
.py20 {padding-bottom: 1.25rem !important;}
.ps20,
.px20 {padding-left: 1.25rem !important;}
.pe20,
.px20 {padding-right: 1.25rem !important;}

.pt24,
.py24 {padding-top: 1.5rem !important;}
.pb24,
.py24 {padding-bottom: 1.5rem !important;}
.ps24,
.px24 {padding-left: 1.5rem !important;}
.pe24,
.px24 {padding-right: 1.5rem !important;}

.pt26,
.py26 {padding-top: 1.625rem !important;}
.pb26,
.py26 {padding-bottom: 1.625rem !important;}
.ps26,
.px26 {padding-left: 1.625rem !important;}
.pe26,
.px26 {padding-right: 1.625rem !important;}

.pt28,
.py28 {padding-top: 1.75rem !important;}
.pb28,
.py28 {padding-bottom: 1.75rem !important;}
.ps28,
.px28 {padding-left: 1.75rem !important;}
.pe28,
.px28 {padding-right: 1.75rem !important;}

.pt30,
.py30 {padding-top: 1.875rem !important;}
.pb30,
.py30 {padding-bottom: 1.875rem !important;}
.ps30,
.px30 {padding-left: 1.875rem !important;}
.pe30,
.px30 {padding-right: 1.875rem !important;}

.pt40,
.py40 {padding-top: 2.5rem !important;}
.pb40,
.py40 {padding-bottom: 2.5rem !important;}
.ps40,
.px40 {padding-left: 2.5rem !important;}
.pe40,
.px40 {padding-right: 2.5rem !important;}

.pt52,
.py52 {padding-top: 3.25rem !important;}
.pb52,
.py52 {padding-bottom: 3.25rem !important;}
.ps52,
.px52 {padding-left: 3.25rem !important;}
.pe52,
.px52 {padding-right: 3.25rem !important;}

.pt60,
.py60 {padding-top: 3.75rem !important;}
.pb60,
.py60 {padding-bottom: 3.75rem !important;}
.ps60,
.px60 {padding-left: 3.75rem !important;}
.pe60,
.px60 {padding-right: 3.75rem !important;}

.pt64,
.py64 {padding-top: 4rem !important;}
.pb64,
.py64 {padding-bottom: 4rem !important;}
.ps64,
.px64 {padding-left: 4rem !important;}
.pe64,
.px64 {padding-right: 4rem !important;}

.pt80,
.py80{padding-top: 5rem !important;}
.pb80,
.py80{padding-bottom: 5rem !important;}
.ps80,
.px80{padding-left: 5rem !important;}
.pe80,
.px80{padding-right: 5rem !important;}

.pt84,
.py84{padding-top: 5.25rem !important;}
.pb84,
.py84{padding-bottom: 5.25rem !important;}
.ps84,
.px84{padding-left: 5.25rem !important;}
.pe84,
.px84{padding-right: 5.25rem !important;}

.pt90,
.py90{padding-top: 5.625rem !important;}
.pb90,
.py90{padding-bottom: 5.625rem !important;}
.ps90,
.px90{padding-left: 5.625rem !important;}
.pe90,
.px90{padding-right: 5.625rem !important;}

.pt96,
.py96{padding-top: 6rem !important;}
.pb96,
.py96{padding-bottom: 6rem !important;}
.ps96,
.px96{padding-left: 6rem !important;}
.pe96,
.px96{padding-right: 6rem !important;}

.pt100,
.py100{padding-top: 6.25rem !important;}
.pb100,
.py100{padding-bottom: 6.25rem !important;}
.ps100,
.px100{padding-left: 6.25rem !important;}
.pe100,
.px100{padding-right: 6.25rem !important;}

.pt120,
.py120{padding-top: 7.5rem !important;}
.pb120,
.py120{padding-bottom: 7.5rem !important;}
.ps120,
.px120{padding-left: 7.5rem !important;}
.pe120,
.px120{padding-right: 7.5rem !important;}

.pt160,
.py160{padding-top: 10rem !important;}
.pb160,
.py160{padding-bottom: 10rem !important;}
.ps160,
.px160{padding-left: 10rem !important;}
.pe160,
.px160{padding-right: 10rem !important;}

.pt170,
.py170{padding-top: 10.625rem !important;}
.pb170,
.py170{padding-bottom: 10.625rem !important;}
.ps170,
.px170{padding-left: 10.625rem !important;}
.pe170,
.px170{padding-right: 10.625rem !important;}

.pt180,
.py180{padding-top: 11.25rem !important;}
.pb180,
.py180{padding-bottom: 11.25rem !important;}
.ps180,
.px180{padding-left: 11.25rem !important;}
.pe180,
.px180{padding-right: 11.25rem !important;}

.input-padding {padding: 0.6875rem 1.25rem !important;}
select.input-padding {padding: .75rem 3.25rem .75rem 1.25rem !important;}
.dropdown-toggle.input-padding {padding: .375rem .625rem .375rem 1.25rem !important;}
.input-padding2 {padding: 1rem 1.25rem 1.0625rem 1.25rem !important;}
select.input-padding2 {padding: 1.125rem 3.25rem 1.125rem 1.25rem !important;}

/* overflow */
.overflow-x-auto {overflow-y: hidden !important;overflow-x: auto !important;}
.overflow-y-auto {overflow-y: auto !important;overflow-x: hidden !important;}

/* margin */
.m3 {margin: .1875rem !important;}
.m6 {margin: .375rem !important;}
.m20 {margin: 1.25rem !important;}
.m30 {margin: 1.875rem !important;}
.m40 {margin: 2.5rem !important;}
.m60 {margin: 3.75rem !important;}
.m80 {margin: 5rem !important;}
.m100 {margin: 6.25rem !important;}

.mt3,
.my3 {margin-top: .1875rem !important;}
.mb3,
.my3 {margin-bottom: .1875rem !important;}
.ms3,
.mx3 {margin-left: .1875rem !important;}
.me3,
.mx3 {margin-right: .1875rem !important;}

.mt6,
.my6 {margin-top: .375rem !important;}
.mb6,
.my6 {margin-bottom: .375rem !important;}
.ms6,
.mx6 {margin-left: .375rem !important;}
.me6,
.mx6 {margin-right: .375rem !important;}

.mt10,
.my10 {margin-top: .625rem !important;}
.mb10,
.my10 {margin-bottom: .625rem !important;}
.ms10,
.mx10 {margin-left: .625rem !important;}
.me10,
.mx10 {margin-right: .625rem !important;}

.mt12,
.my12 {margin-top: .75rem !important;}
.mb12,
.my12 {margin-bottom: .75rem !important;}
.ms12,
.mx12 {margin-left: .75rem !important;}
.me12,
.mx12 {margin-right: .75rem !important;}

.mt14,
.my14 {margin-top: .875rem !important;}
.mb14,
.my14 {margin-bottom: .875rem !important;}
.ms14,
.mx14 {margin-left: .875rem !important;}
.me14,
.mx14 {margin-right: .875rem !important;}

.mt20,
.my20 {margin-top: 1.25rem !important;}
.mb20,
.my20 {margin-bottom: 1.25rem !important;}
.ms20,
.mx20 {margin-left: 1.25rem !important;}
.me20,
.mx20 {margin-right: 1.25rem !important;}

.mt24,
.my24 {margin-top: 1.5rem !important;}
.mb24,
.my24 {margin-bottom: 1.5rem !important;}
.ms24,
.mx24 {margin-left: 1.5rem !important;}
.me24,
.mx24 {margin-right: 1.5rem !important;}

.mt28,
.my28 {margin-top: 1.75rem !important;}
.mb28,
.my28 {margin-bottom: 1.75rem !important;}
.ms28,
.mx28 {margin-left: 1.75rem !important;}
.me28,
.mx28 {margin-right: 1.75rem !important;}

.mt30,
.my30 {margin-top: 1.875rem !important;}
.mb30,
.my30 {margin-bottom: 1.875rem !important;}
.ms30,
.mx30 {margin-left: 1.875rem !important;}
.me30,
.mx30 {margin-right: 1.875rem !important;}

.mt36,
.my36 {margin-top: 2.25rem !important;}
.mb36,
.my36 {margin-bottom: 2.25rem !important;}
.ms36,
.mx36 {margin-left: 2.25rem !important;}
.me36,
.mx36 {margin-right: 2.25rem !important;}

.mt40,
.my40 {margin-top: 2.5rem !important;}
.mb40,
.my40 {margin-bottom: 2.5rem !important;}
.ms40,
.mx40 {margin-left: 2.5rem !important;}
.me40,
.mx40 {margin-right: 2.5rem !important;}

.mt48,
.my48 {margin-top: 3rem !important;}
.mb48,
.my48 {margin-bottom: 3rem !important;}
.ms48,
.mx48 {margin-left: 3rem !important;}
.me48,
.mx48 {margin-right: 3rem !important;}

.mt50,
.my50 {margin-top: 3.125rem !important;}
.mb50,
.my50 {margin-bottom: 3.125rem !important;}
.ms50,
.mx50 {margin-left: 3.125rem !important;}
.me50,
.mx50 {margin-right: 3.125rem !important;}

.mt52,
.my52 {margin-top: 3.25rem !important;}
.mb52,
.my52 {margin-bottom: 3.25rem !important;}
.ms52,
.mx52 {margin-left: 3.25rem !important;}
.me52,
.mx52 {margin-right: 3.25rem !important;}

.mt60,
.my60 {margin-top: 3.75rem !important;}
.mb60,
.my60 {margin-bottom: 3.75rem !important;}
.ms60,
.mx60 {margin-left: 3.75rem !important;}
.me60,
.mx60 {margin-right: 3.75rem !important;}

.mt80,
.my80{margin-top: 5rem !important;}
.mb80,
.my80{margin-bottom: 5rem !important;}
.ms80,
.mx80{margin-left: 5rem !important;}
.me80,
.mx80{margin-right: 5rem !important;}

.mt100,
.my100{margin-top: 6.25rem !important;}
.mb100,
.my100{margin-bottom: 6.25rem !important;}
.ms100,
.mx100{margin-left: 6.25rem !important;}
.me100,
.mx100{margin-right: 6.25rem !important;}

.mt120,
.my120{margin-top: 7.5rem !important;}
.mb120,
.my120{margin-bottom: 7.5rem !important;}
.ms120,
.mx120{margin-left: 7.5rem !important;}
.me120,
.mx120{margin-right: 7.5rem !important;}

.mt140,
.my140{margin-top: 8.75rem !important;}
.mb140,
.my140{margin-bottom: 8.75rem !important;}
.ms140,
.mx140{margin-left: 8.75rem !important;}
.me140,
.mx140{margin-right: 8.75rem !important;}

.mt160,
.my160{margin-top: 10rem !important;}
.mb160,
.my160{margin-bottom: 10rem !important;}
.ms160,
.mx160{margin-left: 10rem !important;}
.me160,
.mx160{margin-right: 10rem !important;}

/* absolute */
[class*=absolute-] {position: absolute;}
.absolute-t-10 {top: .625rem;}
.absolute-s-10 {left: .625rem;}
.absolute-b-10 {bottom: .625rem;}
.absolute-e-10 {right: .625rem;}

.absolute-t-20 {top: 1.25rem;}
.absolute-s-20 {left: 1.25rem;}
.absolute-b-20 {bottom: 1.25rem;}
.absolute-e-20 {right: 1.25rem;}

.absolute-t-30 {top: 1.875rem;}
.absolute-s-30 {left: 1.875rem;}
.absolute-b-30 {bottom: 1.875rem;}
.absolute-e-30 {right: 1.875rem;}


/* grid */
.row.row-gap-x8,
.row.row-gap-8 {width: calc(100% + 8px);margin-right: -4px;margin-left: -4px;}
.row.row-gap-x8 > [class *= col],
.row.row-gap-8 > [class *= col] {padding-right: 4px;padding-left: 4px;}
.row.row-gap-y8,
.row.row-gap-8 {margin-top: -8px;}
.row.row-gap-y8 > [class *= col],
.row.row-gap-8 > [class *= col] {padding-top: 8px;}

.row.row-gap-x10,
.row.row-gap-10 {width: calc(100% + 10px);margin-right: -5px;margin-left: -5px;}
.row.row-gap-x10 > [class *= col],
.row.row-gap-10 > [class *= col] {padding-right: 5px;padding-left: 5px;}
.row.row-gap-y10,
.row.row-gap-10 {margin-top: -10px;}
.row.row-gap-y10 > [class *= col],
.row.row-gap-10 > [class *= col] {padding-top: 10px;}

.row.row-gap-x16,
.row.row-gap-16 {width: calc(100% + 16px);margin-right: -8px;margin-left: -8px;}
.row.row-gap-x16 > [class *= col],
.row.row-gap-16 > [class *= col] {padding-right: 8px;padding-left: 8px;}
.row.row-gap-y16,
.row.row-gap-16 {margin-top: -16px;}
.row.row-gap-y16 > [class *= col],
.row.row-gap-16 > [class *= col] {padding-top: 16px;}

.row.row-gap-x18,
.row.row-gap-18 {width: calc(100% + 18px);margin-right: -9px;margin-left: -9px;}
.row.row-gap-x18 > [class *= col],
.row.row-gap-18 > [class *= col] {padding-right: 9px;padding-left: 9px;}
.row.row-gap-y18,
.row.row-gap-18 {margin-top: -18px;}
.row.row-gap-y18 > [class *= col],
.row.row-gap-18 > [class *= col] {padding-top: 18px;}

.row.row-gap-x20,
.row.row-gap-20 {width: calc(100% + 20px);margin-right: -10px;margin-left: -10px;}
.row.row-gap-x20 > [class *= col],
.row.row-gap-20 > [class *= col] {padding-right: 10px;padding-left: 10px;}
.row.row-gap-y20,
.row.row-gap-20 {margin-top: -20px;}
.row.row-gap-y20 > [class *= col],
.row.row-gap-20 > [class *= col] {padding-top: 20px;}

.row.row-gap-x24,
.row.row-gap-24 {width: calc(100% + 24px);margin-right: -12px;margin-left: -12px;}
.row.row-gap-x24 > [class *= col],
.row.row-gap-24 > [class *= col] {padding-right: 12px;padding-left: 12px;}
.row.row-gap-y24,
.row.row-gap-24 {margin-top: -24px;}
.row.row-gap-y24 > [class *= col],
.row.row-gap-24 > [class *= col] {padding-top: 24px;}

.row.row-gap-x30,
.row.row-gap-30 {width: calc(100% + 30px);margin-right: -15px;margin-left: -15px;}
.row.row-gap-x30 > [class *= col],
.row.row-gap-30 > [class *= col] {padding-right: 15px;padding-left: 15px;}
.row.row-gap-y30,
.row.row-gap-30 {margin-top: -30px;}
.row.row-gap-y30 > [class *= col],
.row.row-gap-30 > [class *= col] {padding-top: 30px;}

.row.row-gap-x40,
.row.row-gap-40 {width: calc(100% + 40px);margin-right: -20px;margin-left: -20px;}
.row.row-gap-x40 > [class *= col],
.row.row-gap-40 > [class *= col] {padding-right: 20px;padding-left: 20px;}
.row.row-gap-y40,
.row.row-gap-40 {margin-top: -40px;}
.row.row-gap-y40 > [class *= col],
.row.row-gap-40 > [class *= col] {padding-top: 40px;}

.row.row-gap-x60,
.row.row-gap-60 {width: calc(100% + 60px);margin-right: -30px;margin-left: -30px;}
.row.row-gap-x60 > [class *= col],
.row.row-gap-60 > [class *= col] {padding-right: 30px;padding-left: 30px;}
.row.row-gap-y60,
.row.row-gap-60 {margin-top: -60px;}
.row.row-gap-y60 > [class *= col],
.row.row-gap-60 > [class *= col] {padding-top: 60px;}
.row.row-gap-y83,
.row.row-gap-83 {margin-top: -83px;}
.row.row-gap-y83 > [class *= col],
.row.row-gap-83 > [class *= col] {padding-top: 83px;}

/* object-position */
.img-x-left {object-position: left !important;}
.img-x-right {object-position: right !important;}

/* border */
.border-basic {border: 1px solid var(--gray-color-c);}
.border-basic-top {border-top: 1px solid var(--gray-color-c);}
.border-basic-left {border-left: 1px solid var(--gray-color-c);}
.border-basic-right {border-right: 1px solid var(--gray-color-c);}
.border-basic-bottom {border-bottom: 1px solid var(--gray-color-c);}
.card.border-basic {border-width: 1px;border-color: var(--gray-color-f5);}

.border-primary {border: 1px solid;border-color: var(--primary-color) !important;}
.border-primary-top {border-top: 1px solid;border-color: var(--primary-color) !important;}
.border-primary-left {border-left: 1px solid;border-color: var(--primary-color) !important;}
.border-primary-right {border-right: 1px solid;border-color: var(--primary-color) !important;}
.border-primary-bottom {border-bottom: 1px solid;border-color: var(--primary-color) !important;}
.card.border-primary {border-color: var(--primary-color);}

.border-secondary {border: 1px solid;border-color: var(--secondary-color) !important;}
.border-secondary-top {border-top: 1px solid;border-color: var(--secondary-color) !important;}
.border-secondary-left {border-left: 1px solid;border-color: var(--secondary-color) !important;}
.border-secondary-right {border-right: 1px solid;border-color: var(--secondary-color) !important;}
.border-secondary-bottom {border-bottom: 1px solid;border-color: var(--secondary-color) !important;}
.card.border-secondary {border-color: var(--secondary-color);}

.border-gray-c {border: 1px solid;border-color: var(--gray-color-c) !important;}
.border-gray-c-top {border-top: 1px solid;border-color: var(--gray-color-c) !important;}
.border-gray-c-left {border-left: 1px solid;border-color: var(--gray-color-c) !important;}
.border-gray-c-right {border-right: 1px solid;border-color: var(--gray-color-c) !important;}
.border-gray-c-bottom {border-bottom: 1px solid;border-color: var(--gray-color-c) !important;}
.card.border-gray-c {border-color: var(--gray-color-c);}

.border-gray-2 {border: 1px solid;border-color: var(--gray-color-2) !important;}
.border-gray-2-top {border-top: 1px solid;border-color: var(--gray-color-2) !important;}
.border-gray-2-left {border-left: 1px solid;border-color: var(--gray-color-2) !important;}
.border-gray-2-right {border-right: 1px solid;border-color: var(--gray-color-2) !important;}
.border-gray-2-bottom {border-bottom: 1px solid;border-color: var(--gray-color-2) !important;}
.card.border-gray-2 {border-color: var(--gray-color-2);}

/* gap */
.gap-0 {gap: 0 !important;}
.gap-6 {gap: .375rem !important;}
.gap-10 {gap: .625rem !important;}
.gap-12 {gap: .75rem !important;}
.gap-14 {gap: .875rem !important;}
.gap-16 {gap: 1rem !important;}
.gap-20 {gap: 1.25rem !important;}
.gap-24 {gap: 1.5rem !important;}
.gap-30 {gap: 1.875rem !important;}
.gap-32 {gap: 2rem !important;}
.gap-36 {gap: 2.25rem !important;}
.gap-40 {gap: 2.5rem !important;}
.gap-60 {gap: 3.75rem !important;}
.gap-80 {gap: 5rem !important;}
.gap-120 {gap: 7.5rem !important;}
.gap-150 {gap: 9.375rem !important;}
.gap-200 {gap: 12.5rem !important;}
.gap-360 {gap: 22.5rem !important;}

/* required */
.required {position: relative;}
.required:after {content: "*";color: var(--primary-color);}

/* badge */
.badge {font-size: inherit;font-weight: inherit;padding: .5rem 1rem;border-radius: 99px;}
.badge.badge-primary {background: var(--primary-color);}
.badge.badge-secondary {background: var(--secondary-color);}
.badge.badge-black {background-color: var(--black-color);color: var(--white-color);}
.badge.badge-gray-2 {background-color: var(--gray-color-2);color: var(--white-color);}
.badge.badge-gray-c {background-color: var(--gray-color-c);color: var(--white-color);}
.badge.badge-gray-e5 {background-color: var(--gray-color-e5);color: var(--white-color);}
.badge.badge-gradient {background: linear-gradient(154deg, #00AD4C 25%, #007F3D 75%);color: var(--white-color);}
.badge[class*=badge-bd] {background-color: transparent;}
.badge.badge-bd-primary {border: 1px solid var(--primary-color);color: var(--primary-color);}
.badge.badge-bd-secondary {border: 1px solid var(--secondary-color);color: var(--secondary-color);}
.badge.badge-bd-gray-f5 {border: 1px solid var(--gray-color-f5);color: var(--black-color);}
.badge.badge-bd-gray-e5 {border: 1px solid var(--gray-color-e5);color: var(--black-color);}
.badge.badge-bd-gray-a {border: 1px solid var(--gray-color-a);color: var(--gray-color-a);}
.badge.badge-bd-gray-c {border: 1px solid var(--gray-color-c);color: var(--black-color);}
.badge.badge-bd-gray-2 {border: 1px solid var(--gray-color-2);color: var(--black-color);}
.badge.badge-bd-gray-7 {border: 1px solid var(--gray-color-7);color: var(--gray-color-7);}

/* border radius */
.border-radius-5 {border-radius: 5px !important;}
.border-radius-10 {border-radius: 10px !important;}
.border-radius-20 {border-radius: 20px !important;}
.border-radius-25 {border-radius: 25px !important;}
.border-radius-30 {border-radius: 30px !important;}
.border-radius-40 {border-radius: 40px !important;}

.border-tl-radius-0 {border-top-left-radius: 0 !important;}
.border-tr-radius-0 {border-top-right-radius: 0 !important;}
.border-bl-radius-0 {border-bottom-left-radius: 0 !important;}
.border-br-radius-0 {border-bottom-right-radius: 0 !important;}

/* border width */
.border-width-none {border-width: 0 !important;}
.border-width-1 {border-width: 1px !important;}
.border-width-2 {border-width: 2px !important;}
.border-width-3 {border-width: 3px !important;}

/* bg color */
.bg-primary {background-color: var(--primary-color) !important;}
.bg-secondary {background-color: var(--secondary-color) !important;}
.bg-gray-f5 {background-color: var(--gray-color-f5) !important;}
.bg-gray-e5 {background-color: var(--gray-color-e5) !important;}
.bg-gray-c {background-color: var(--gray-color-c) !important;}
.bg-gray-a {background-color: var(--gray-color-a) !important;}
.bg-gray-7 {background-color: var(--gray-color-7) !important;}
.bg-gray-2 {background-color: var(--gray-color-2) !important;}
.bg-white {background-color: var(--white-color) !important;}
.bg-red {background-color: var(--red-color) !important;}
.bg-lightgray {background-color: #f1f5f8 !important;}
.bg-ivory {background-color: #fcfcfc !important;}
.bg-th {background-color: var(--th-color) !important;}

.con-gradation {background: linear-gradient(135deg, #00AD4C 10%, #007F3D 100%);}

/* text color */
.color-primary {color: var(--primary-color) !important;}
.color-secondary {color: var(--secondary-color) !important;}
.color-gray-f5 {color: var(--gray-color-f5) !important;}
.color-gray-e5 {color: var(--gray-color-e5) !important;}
.color-gray-c {color: var(--gray-color-c) !important;}
.color-gray-a {color: var(--gray-color-a) !important;}
.color-gray-7 {color: var(--gray-color-7) !important;}
.color-gray-2 {color: var(--gray-color-2) !important;}
.color-white {color: var(--white-color) !important;}
.color-red {color: var(--red-color) !important;}
.color-red2 {color: var(--red-color2) !important;}
.color-black {color: var(--black-color) !important;}

/* flex item 사이 '|' */
.line-flex {display: flex;align-items: center;}
.line-flex > *:not(:last-child):after {content: "|";position: relative;}

/* input */
.label {align-self: flex-start;font-weight: 700;line-height: 1;margin-bottom: 10px;}

input{outline: none;}
input[type=checkbox]:focus{box-shadow: none;}

label{cursor: pointer;max-width: 100%;margin-bottom: 0}
label input{vertical-align: middle;}
label span{vertical-align: middle;}
select{border: none;outline: none;}

.form-control{border: 1px solid var(--gray-color-c);}
.form-control:active,
.form-control.active,
.form-control:focus{box-shadow: none;border-color: var(--gray-color-c);}

.form-control[type=text],
.form-control[type=password],
.form-control[type=number] {height: auto;border-radius: 10px;background-color: var(--white-color);line-height: 1;color: var(--gray-color-2);}
textarea.form-control::placeholder,
.form-control[type=text]::placeholder,
.form-control[type=password]::placeholder,
.form-control[type=number]::placeholder {color: var(--gray-color-a);}

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

textarea.form-control {
	border-radius: 10px;
	resize: none;
}

select.form-control {background-image: url(../img/icon/icon-gnb.png);background-repeat: no-repeat;background-color: var(--white-color);line-height: 1;border-radius: 10px;cursor: pointer;}

.form-radio {position: relative;display: inline-flex;align-items: center;padding: 0;}
.form-radio .form-control {position: absolute;top: 50%;left: 1px;z-index: 0;padding: 0;transform: translateY(-50%);border-radius: 50%;}
.form-radio .radio-mark {position: relative;z-index: 1;display: block;border: 1px solid var(--gray-color-c);background-color: var(--white-color);border-radius: 50%;}
.form-radio .form-control:checked + .radio-mark {border-color: var(--primary-color);background-color: var(--primary-color);}
.form-radio .form-control:checked + .radio-mark:before {content: "";position: absolute;top: 50%;left: 50%;display: block;border-radius: 50%;background-color: var(--white-color);transform: translate(-50%,-50%);}

.form-check {position: relative;display: inline-flex;align-items: center;padding: 0;}
.form-check .form-control {position: absolute;top: 50%;left: 1px;z-index: 0;padding: 0;transform: translateY(-50%);border-radius: 0;}
.form-check .check-mark {position: relative;z-index: 1;display: block;border: 1px solid var(--gray-color-c);background-color: var(--white-color);border-radius: 5px;}
.form-check .form-control:checked + .check-mark {background: url(../img/icon/icon-check.png) no-repeat 50%;background-color: var(--primary-color);}

.form-check.circle .form-control {border-radius: 50%;}
.form-check.circle .check-mark {border-radius: 50%;}
.form-check.circle .form-control:checked + .check-mark {background-image: none;background-color: var(--white-color);border-color: var(--primary-color);}
.form-check.circle .form-control:checked + .check-mark:before {content: "";position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;background-color: var(--primary-color);transform: translate(-50%,-50%);}

.file-label {padding-top: 1.125rem;line-height: 1;}
.form-file > label {position: relative;display: flex;align-items: center;}
.form-file > label > * {align-self: stretch;}
.form-file > label > *:first-child {position: relative;z-index: 1;flex: 1;display: flex;align-items: center;border-radius: 10px;border: 1px solid var(--gray-color-c);background-color: var(--white-color);padding: .75rem 1.1875rem;font-size: 1.125rem;line-height: 1.5rem;}
.form-file > label > .form-control {position: absolute;top: 4px;left: 10px;width: 1px;}
.form-file > label > .form-control + [class *= btn] {display: flex;align-items: center;justify-content: center;padding: 0;text-align: center;}
.form-file .form-file-list .filelist {display: flex;align-items: center;gap: .5rem;margin-top: 10px;}
.form-file .form-file-list .filelist .file-name {flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.form-file .form-file-list .filelist .file-delete {display: block;width: 20px;height: 20px;border-radius: 50%;border: 1px solid var(--gray-color-c);background: url(../img/icon/icon-close.png) no-repeat 50% 50%;background-size: 11px;text-indent: -99999px;}

.form-inp-btn {display: flex;}
.form-inp-btn > label {flex: 1;}
.form-inp-btn .form-control {height: 100%;}
.form-inp-btn > * {align-self: stretch;}

.form-multi {display: flex;align-items: center;color: var(--gray-color-2);}
.form-multi:not(.justify-content-center) > *:not(span) {align-self: stretch;flex: 1;}
.form-multi:not(.justify-content-center) > .form-check {flex: 0 0 auto;}
.form-multi:not(.justify-content-center) > [class *= max-w] {padding-left: 0;padding-right: 0;text-align: center;}

.form-mail label.domain input:read-only {background-color: transparent;color: var(--gray-color-2);}

.form-text-inp {position: relative;width: 100%;}
.form-text-inp > label {width: 100%;}
.form-text-inp .form-control {width: 100%;}
.form-text-inp .form-text {position: absolute;top: 0;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;width: 2.625rem;margin-top: 0;}
.form-text-inp .form-control {padding-right: 2.625rem !important;}

.form-icon-inp {position: relative;}
.form-icon-inp > label {width: 100%;}
.form-icon-inp .form-control {width: 100%;height: auto;}
.form-icon-inp .form-icon {position: absolute;top: 0;bottom: 0;right: 1.5rem;display: block;margin: auto;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;text-indent: -99999px;}
.form-icon-inp[class*="icon-size"] .form-control {padding-right: calc(var(--icon-size) + 1.5rem);}

.form-search {display: flex;align-items: center;}
.form-search > .form-icon-inp {flex: 1;}
.form-search > * {align-self: stretch;}
.form-search .form-control {height: 100%;}

.form-switch {position: relative;display: inline-block;width: 3rem;height: 1.625rem;padding: 0;}
.form-switch .form-control {position: absolute;top: 1px;left: 1px;width: calc(100% - 2px);height: calc(100% - 2px);border-radius: 14px;}
.form-switch .switch-slider {position: relative;display: block;width: 100%;height: 100%;cursor: pointer;background-color: var(--gray-color-c);border-radius: 14px;transition: 0.4s;}
.form-switch .switch-slider:after {content: "";position: absolute;left: 2px;bottom: 2px;width: 1.375rem;height: 1.375rem;background-color: white;border-radius: 50%;transition: 0.4s;}
.form-switch .form-control:checked + .switch-slider {background-color: var(--primary-color);}
.form-switch .form-control:checked + .switch-slider:after {transform: translateX(1.375rem);}

.switch-wrap {display: flex;align-items: center;gap: 1.875rem;}
.switch-wrap .item {display: flex;align-items: center;gap: .625rem;}

.send-btn + div {display: none;}
.form-timer {display: flex;align-items: center;}
.form-timer label {position: relative;display: flex;flex: 1;align-items: center;align-self: stretch;justify-content: space-between;min-width: 0;border: 1px solid var(--gray-color-c);cursor: default;}
.form-timer input {flex: 1;border: none;outline: none;}
.form-timer .timer {position: absolute;top: 50%;transform: translateY(-50%);color: #e64a19;font-weight: bold;}
.form-timer > * {align-self: stretch;}
.form-timer .btn-rds {height: 100%;font-weight: 600;}
.error-message {color: var(--red-color);}

.form-datepicker {position: relative;}
.form-datepicker > .form-control {padding-right: calc(var(--icon-size) + 1.25rem);cursor: pointer;}
.form-datepicker > [class*="icon-"] {position: absolute;top: 0;bottom: 0;right: 1.25rem;display: block;margin: auto;}

.datepicker-dropdown.datepicker-orient-top:before {display: none;}
.datepicker-dropdown.datepicker-orient-top:after {display: none;}
.datepicker-dropdown.datepicker-orient-bottom:before {display: none;}
.datepicker-dropdown.datepicker-orient-bottom:after {display: none;}

.form-control:disabled,
.form-control[readonly] {background-color: #f4f6f8;color: var(--gray-color-a);}

.form-control.placeholder-color-gray-2::placeholder {color: var(--gray-color-2);}
.form-control.placeholder-color-gray-7::placeholder {color: var(--gray-color-7);}
.form-control.placeholder-color-gray-a::placeholder {color: var(--gray-color-a);}
.form-control.placeholder-color-gray-c::placeholder {color: var(--gray-color-c);}
.form-control.placeholder-color-gray-e5::placeholder {color: var(--gray-color-e5);}
.form-control.placeholder-color-gray-f5::placeholder {color: var(--gray-color-f5);}

.form-control.readonly-color-gray-2[readonly] {color: var(--gray-color-2);}
.form-control.readonly-color-gray-7[readonly] {color: var(--gray-color-7);}
.form-control.readonly-color-gray-a[readonly] {color: var(--gray-color-a);}
.form-control.readonly-color-gray-c[readonly] {color: var(--gray-color-c);}
.form-control.readonly-color-gray-e5[readonly] {color: var(--gray-color-e5);}
.form-control.readonly-color-gray-f5[readonly] {color: var(--gray-color-f5);}


/* tit */
[class ^= tit-] {position: relative;font-size: 1.125rem;}
[class ^= tit-]:before {content: "";position: absolute;display: block;}

.tit-circle {padding-left: 2rem;line-height: 1;font-size: 1.875rem;font-weight: 700;}
.tit-circle:before {top: 7px;left: 0;width: 1rem;height: 1rem;border: 4px solid var(--primary-color);border-radius: 50%;}
.tit-circle + p {padding-left: 2rem;padding-top: .75rem;}

.tit-dot {padding-left: .875rem;line-height: 1;font-size: 1.5rem;font-weight: 500;}
.tit-dot:before {top: 8px;left: 0;width: 6px;height: 6px;border-radius: 50%;background-color: var(--black-color);}

.tit-line-top {font-weight: bold;}
.tit-line-top:before {top: -11px;left: 0;width: 20px;height: 6px;background-color: var(--primary-color);}
.tit-line-top.color-white:before {background-color: var(--white-color);}

.tit-line-left {font-weight: bold;padding-left: .625rem;font-size: 1rem;line-height: 1;}
.tit-line-left:before {top: 0;left: 0;width: 2px;height: 1rem;background-color: var(--primary-color);}
.tit-line-left.fs22:before {height: 1.375rem;}

.tit-line-bottom {font-weight: 500;--line-bottom: -4px;--line-h: 2px;}
.tit-line-bottom span {position: relative;display: inline-block;color: var(--primary-color);}
.tit-line-bottom:before {bottom: var(--line-bottom);left: 0;width: 100%;height: var(--line-h);background-color: var(--gray-color-e5);}
.tit-line-bottom span:before {content: "";position: absolute;bottom: var(--line-bottom);left: 0;width: 100%;height: var(--line-h);background-color: var(--primary-color);}

.tit-line-bottom2 {font-weight: 700;--line-h: 3px;}
.tit-line-bottom2 span {position: relative;display: inline-block;color: var(--gray-color-2);}
.tit-line-bottom2 span:before {content: "";position: absolute;bottom: var(--line-bottom);left: calc(50% - 4.375rem);width: 8.75rem;height: var(--line-h);background-color: var(--primary-color);}
.tit-line-bottom2 span:after {content: "";position: absolute;bottom: var(--line-bottom);right: calc(50% - 4.375rem);width: 1.25rem;height: var(--line-h);background-color: red;}

.tit {font-weight: bold;}
.sub-tit {font-weight: 500;}

.tit-line-x {position: relative;display: flex;justify-content: center;align-items: center;text-align: center;}
.tit-line-x > span {white-space: nowrap;font-size: 1rem;font-weight: 600;margin: 0 1.25rem;}
.tit-line-x:before,
.tit-line-x:after {content: "";position: relative;display: block;width: 100%;height: 50%;border-bottom: 1px solid var(--gray-color);}

.tit-wrap {display: flex;}
.tit-wrap > .btn-wrap {margin-top: -.75rem;margin-bottom: -.75rem;}
.tit-wrap > .btn-wrap-sm {margin-top: -.375rem;margin-bottom: -.375rem;}

.text-btn-wrap {display: flex;}
.text-btn-wrap > .btn-wrap,
.sub-box .text-btn-wrap > .btn-wrap {margin-top: -.5rem;margin-bottom: -.5rem;}

.text-btn-wrap {display: flex;}
.text-btn-wrap > .btn-wrap.btn-wrap-sm,
.sub-box .text-btn-wrap > .btn-wrap.btn-wrap-sm {margin-top: -.375rem;margin-bottom: -.375rem;}

/* nav */
.nav {display: flex;align-items: center;}
.nav .item {flex: 1;width: 100%;font-weight: 500;}
.nav ~ .nav-contents,
.nav + * > .nav-contents {display: none;}
.nav ~ .nav-contents.show,
.nav + * > .nav-contents.show {display: block;}
.nav-contents {display: none;}
.nav-contents.show {display: block;}

.nav-line-bottom .item {display: flex;align-items: center;justify-content: center;border-bottom: 2px solid var(--gray-color-c);line-height: 1.2;color: var(--gray-color-2);font-weight: bold;font-size: 1.25rem;}
.nav-line-bottom .item.active {border-color: var(--primary-color);color: var(--primary-color);}

.nav-line-bottom2 .item {display: flex;align-items: center;justify-content: center;border-bottom: 2px solid transparent;color: var(--gray-color-2);}
.nav-line-bottom2 .item.active {border-color: var(--primary-color);color: var(--primary-color);}

.nav-bg {background-color: #f6f6f6;border-radius: 10px;}
.nav-bg .item {padding: 1.1875rem 0;border: 1px solid #f6f6f6;border-radius: 10px;font-size: 1.125rem;color: #999;line-height: 1;}
.nav-bg .item.active {border-color: var(--primary-color);background-color: var(--primary-color);color: var(--white-color);}

.nav-border .item {background-color: transparent;border: 1px solid var(--gray-color);border-right-width: 0;}
.nav-border .item.active {border-color: var(--primary-color);color: var(--primary-color);}
.nav-border .item.active + .item {border-left-color: var(--primary-color);}
.nav-border .item:first-child {border-radius: 10px 0 0 10px;}
.nav-border .item:last-child {border-right-width: 1px;border-radius: 0 10px 10px 0;}

.nav.nav-btn {display: inline-flex;gap: 4rem;}
.nav.nav-btn .item {border: 1px solid var(--gray-color);font-weight: 400;white-space: nowrap;border-radius: 10px;line-height: 1;padding: .5rem .75rem;}
.nav.nav-btn .item.active {background-color: var(--primary-color);border-color: var(--primary-color);color: var(--white-color);}

.nav.nav-btn2 {justify-content: center;background-color: var(--gray-color-f5);border-radius: 30px;}
.nav.nav-btn2 .item {color: var(--gray-color-a);background-color: transparent;border-radius: 30px;transition: all .3s ease;}
.nav.nav-btn2 .item.active {background-color: var(--primary-color);color: var(--white-color);}

.container-nav {position: relative;}
.container-nav:before {content: "";position: absolute;bottom: 0;z-index: 0;width: 100%;border-bottom: 2px solid var(--gray-color-c);}
.container-nav .nav {position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;}
.container-nav .nav .item {flex: 1;text-align: center;font-weight: bold;color: var(--gray-color-2);border-bottom: 2px solid transparent;}
.container-nav .nav .item.active {color: var(--primary-color);border-bottom: 2px solid var(--primary-color);}

.nav.nav-icon {gap: 10px;}
.nav.nav-icon .item {display: flex;flex-direction: column;align-items: center;gap: 10px;border: 1px solid var(--gray-color-c);border-radius: 10px;padding: 1.1875rem .75rem;font-size: 1.125rem;line-height: 1.5rem;color: var(--gray-color-a);}
.nav.nav-icon .item span[class *= icon-] {width: 3.75rem;height: 3.75rem;}
.nav.nav-icon .item.active {background-color: var(--primary-color);border-color: var(--primary-color);color: var(--white-color);}
.nav.nav-icon.nav-secondary .item.active {background-color: var(--secondary-color);border-color: var(--secondary-color);}
.nav.nav-icon .item.active span[class *= icon-] {filter: brightness(0) invert(1);}

/* card */
.card {position: relative;width: 100%;border: 1px solid;overflow: hidden;}
.card .rect-box img {object-fit: cover;}

.card-link {position: relative;}
.card-link .card {display: flex;flex-direction: column;}
.card-link .card .rect-box img {object-fit: cover;}
.card-link .card .badge {position: absolute;}
.card-link .link {position: absolute;z-index: 1;}

.card[class *= "card-animation"]:before,
.card[class *= "card-animation"]:after {content: "";position: absolute;top: 0;}
.card[class *= "card-animation"]:before {z-index: 1;left: 0;right: 0;bottom: 0;transition: all .3s ease-in-out;}
.card[class *= "card-animation"]:after {z-index: 2;left: 50%;width: 1px;height: 0;transition: all .5s ease-in-out;}

.card-animation1 .rect-box {padding-bottom: 100%;}
.card-animation1 .text-wrap {position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;text-align: center;color: var(--white-color);transition: all .5s ease-in-out;}

.card.card-animation2 .text-wrap {text-align: center;}
.card.card-animation2 .hover-wrap {position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;padding: .5rem;color: var(--white-color);text-align: center;transition: all .3s ease-in-out;}

.card[class *= "card-bodrder"] {transition: all .3s ease-in-out;}
.card[class *= "card-bodrder"] .date {padding-bottom: .625rem;color: var(--deepgray-color);line-height: 1.2;font-size: 1rem;}
.card[class *= "card-bodrder"] .history-contents {border-top: 1px solid var(--gray-color);padding-top: 1.25rem;}

.card.card-icon {overflow: visible;}
.card.card-icon > [class *= icon-] {position: absolute;border-radius: 50%;}
.card.card-icon .text-wrap .btn.btn-icon {display: inline-flex;}

/* list */
.list-custom {text-align: start;}
.list-custom > li {position: relative;padding-left: .8125rem;word-break: keep-all;word-wrap: break-word;}
.list-custom > li:before {content: "";position: absolute;top: 0;left: 0;}
.list-custom.list-dash > li:before {content: "-";}
.list-custom.list-ref > li:before {content: "※";}
.list-custom.list-dot > li {padding-left: .5rem;}
.list-custom.list-dot > li:before {top: .6rem;display: block;width: .25rem;height: .25rem;border-radius: 50%;background-color: var(--gray-color-2);}
.list-custom.list-dot.form-guide1 > li {padding-left: .6rem;}
.list-custom.list-dot.form-guide1 > li:before {top: 0.4063rem;width: .25rem;height: .25rem;background-color: var(--gray-color-7);}

.list-custom[class *= "list-toggle"] > li {padding: 0;}
.list-custom[class *= "list-toggle"] > li > button > span {flex: 1;}

.list-custom.list-toggle > li > button {display: flex;align-items: center;text-align: start;}
.list-custom.list-toggle > li > button:after {content: "";display: block;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;}

.list-custom.list-sprout > li {padding-left: 0;}
.list-custom.list-sprout > li > span:first-child {display: flex;align-items: center;}
.list-custom.list-sprout > li > span:first-child:before {content: "";display: block;width: 1.4375rem;height: 1.25rem;background: url(../../img/icon/icon-sprout.png) no-repeat 50% 50%;background-size: contain;margin-right: .625rem;}

.list-custom.list-toggle .list-toggle-btn {width: 100%;color: var(--gray-color-2);}
.list-custom.list-toggle .list-toggle-btn:after {background-image: url(../../img/icon/icon-gnb-on.png);}
.list-custom.list-toggle .list-toggle-btn.collapsed:after {background-image: url(../../img/icon/icon-gnb.png);}

.cont-list {overflow: hidden;}
.cont-list .cont-list-data .data-row {display: flex;align-items: center;}
.cont-list .cont-list-title {font-weight: bold;}

.list-custom.list-toggle-qna {border-bottom: 1px solid var(--gray-color-e5);}
.list-custom.list-toggle-qna > li > button {display: flex;align-items: baseline;justify-content: start;width: 100%;padding: 1.375rem 1.25rem;border-top: 1px solid var(--gray-color-e5);text-align: start;font-weight: 500;color: var(--gray-color-2);}
.list-custom.list-toggle-qna > li > button:before {content: "Q";display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-weight: bold;}
.list-custom.list-toggle-qna > li > button > span {flex: 1;color: var(--primary-color);}
.list-custom.list-toggle-qna > li > button:after {content: "";display: block;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;background-image: url(../img/icon/icon-gnb-on-c.png);}
.list-custom.list-toggle-qna > li > button.collapsed:before {color: var(--gray-color-2);}
.list-custom.list-toggle-qna > li > button.collapsed > span {color: var(--gray-color-2);}
.list-custom.list-toggle-qna > li > button.collapsed:after {background-image: url(../img/icon/icon-gnb-c.png);}
.list-custom.list-toggle-qna > li > button + .accordion-collapse .accordion-body {display: flex;align-items: baseline;background-color: var(--gray-color-f5);color: var(--gray-color-2);}
.list-custom.list-toggle-qna > li > button + .accordion-collapse .accordion-body:before {content: "A";display: flex;align-items: center;justify-content: center;color: var(--gray-color-2);font-weight: bold;}
.list-custom.list-toggle-qna > li > button + .accordion-collapse .accordion-body > div {flex: 1;white-space: normal;word-break: break-word;overflow-wrap: break-word;font-weight: 400;color: var(--gray-color-2);}


.list-custom.list-info > li {display: flex;align-items: baseline;padding-left: 0;}
.list-custom.list-info > li .list-label {font-weight: 600;}

.list-custom.list-line {width: 100%;}
.list-custom.list-line > li:first-child {border-top: 1px solid var(--gray-color-e5);}
.list-custom.list-line > li {display: flex;align-items: baseline;padding-left: 0;border-bottom: 1px solid var(--gray-color-e5);}
.list-custom.list-line > li .list-label {font-weight: 600;}

.col-fifth{flex: 0 0 auto;width: 20%;}	/* 5등분 */

/* 정사각형 */
.rect-box{position: relative;width: 100%;padding-bottom: 100%;}
.rect-box > *{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* table */
th, td{border: 1px solid #ccc;}
.table-notice > table {width: 100%;table-layout: fixed;}
.table-notice > table tr {border-bottom: 1px solid var(--gray-color-e5);}
.table-notice > table tr:first-child {border-top: 1px solid var(--gray-color-e5);}
.table-notice > table th,
.table-notice > table td {border: none;}

.cont-table {overflow: hidden;text-align: center;}
.cont-table table {table-layout: fixed;width: 100%;word-break: break-word;overflow-wrap: break-word;}

.cont-table.cont-table-rounded tr > *:first-child {border-left-width: 0;}
.cont-table.cont-table-rounded tr > *:last-child {border-right-width: 0;}
.cont-table.cont-table-rounded thead > tr:first-child > *,
.cont-table.cont-table-rounded tbody > tr:first-child > * {border-top-width: 0;}
.cont-table.cont-table-rounded tbody > tr:last-child > *,
.cont-table.cont-table-rounded tfoot > tr:last-child > * {border-bottom-width: 0;}

.cont-table.cont-table-line thead th,
.cont-table.cont-table-line thead td {border-width: 0;background-color: var(--gray-color-f5);}
.cont-table.cont-table-line thead + tbody tr:first-child th,
.cont-table.cont-table-line thead + tbody tr:first-child td {border-top: 0;}
.cont-table.cont-table-line th,
.cont-table.cont-table-line td {border-left-width: 0;border-right-width: 0;color: var(--gray-color-2);border-color: var(--gray-color-e5);}

.cont-table.cont-bg-white thead tr {border-bottom: 1px solid var(--gray-color-e5);font-size: 1rem;font-weight: 600;line-height: 1.25rem;}
.cont-table.cont-bg-white thead + tbody tr:first-child th,
.cont-table.cont-bg-white thead + tbody tr:first-child td {border-top: 0;}
.cont-table.cont-bg-white th,
.cont-table.cont-bg-white td {padding: 1.375rem 0;border-width: 0;color: var(--gray-color-2);background-color: var(--white-color);}
.cont-table.cont-bg-white tbody > tr:not(:last-child) {border-bottom: 1px solid var(--gray-color-e5);}
.cont-table.cont-bg-white tbody th,
.cont-table.cont-bg-white tbody td {font-size: 1.125rem;font-weight: 500;line-height: 1.5rem;}

.cont-table th {background-color: var(--th-color);}
.cont-table.cont-table-rounded {border-radius: 10px;border: 1px solid var(--gray-color);}
.cont-table.cont-table-rounded th,
.cont-table.cont-table-rounded td {border-color: var(--table-color);padding: 1.25rem 0;}
.cont-table.cont-table-rounded th {color: var(--gray-color-2);font-weight: 600;}
.cont-table.cont-table-rounded td {color: var(--deepgray-color);}

.color-primary-table {border-radius: 10px;overflow: hidden;}
.color-primary-table th,
.color-primary-table td {font-size: 1rem;text-align: center;border: none;}
.color-primary-table th:not(:last-child),
.color-primary-table td:not(:last-child) {border-right: 1px solid var(--white-color);}
.color-primary-table th {padding: .5rem;background-color: rgba(3, 169, 77, .15);color: var(--primary-color);}
.color-primary-table td {padding: 1.25rem .5rem;background-color: rgba(3, 169, 77, .05);}

.color-table {border-radius: 10px;overflow: hidden;}
.color-table th,
.color-table td {font-size: 1rem;text-align: center;border: none;}
.color-table th:not(:last-child),
.color-table td:not(:last-child) {border-right: 1px solid;}
.color-table th {padding: .5rem;}
.color-table td {padding: 1.25rem .5rem;}

.accordion-collapse .cont-table.cont-bg-white tbody th,
.accordion-collapse .cont-table.cont-bg-white tbody td {font-size: 1rem;}

/* button */
button{padding: 0;margin: 0;background: none;border:none;cursor: pointer;}
button:focus{outline: none}
/* btn radius : radius 기본 10px */
.btn{border-radius: 0;box-shadow: none;outline: none ;font-weight: 400;line-height: 1;}
.btn.focus,
.btn:not(:disabled):not(.disabled):focus,
.btn:not(:disabled):not(.disabled):active {outline: none;box-shadow: none;}
.btn.btn-lg{font-weight: bold;}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{opacity: 1;background: #D2D2D2 !important;border-color: #D2D2D2 !important}

.btn-rds{border-radius: 10px;border: 1px solid;box-shadow: none;outline: none ;font-weight: 400;line-height: 1;}
.btn-rds.focus, .btn-rds:not(:disabled):not(.disabled):focus,
.btn-rds:not(:disabled):not(.disabled):active {outline: none;box-shadow: none}
.btn-rds.btn-lg{font-weight: bold;}

/* btn color */
.btn-primary{background-color: var(--primary-color);border-color: var(--primary-color);color: var(--white-color);}
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):active {background-color: var(--primary-color);border-color: var(--primary-color);box-shadow: none;color: var(--white-color);}

.btn-secondary{background-color: var(--secondary-color);border-color: var(--secondary-color);color: var(--white-color);}
.btn-secondary:not(:disabled):not(.disabled):focus,
.btn-secondary:not(:disabled):not(.disabled):active {background-color: var(--secondary-color);border-color: var(--secondary-color);box-shadow: none;color: var(--white-color);}

.btn-gray-f5 {background-color: var(--gray-color-f5);border-color: var(--gray-color-f5);}
.btn-gray-f5:not(:disabled):not(.disabled):focus,
.btn-gray-f5:not(:disabled):not(.disabled):active {background-color: var(--gray-color-f5);border-color: var(--gray-color-f5);}

.btn-gray-e5 {background-color: var(--gray-color-e5);border-color: var(--gray-color-e5);}
.btn-gray-e5:not(:disabled):not(.disabled):focus,
.btn-gray-e5:not(:disabled):not(.disabled):active {background-color: var(--gray-color-e5);border-color: var(--gray-color-e5);}

.btn-gray-c {background-color: var(--gray-color-c);border-color: var(--gray-color-c);color: var(--white-color);}
.btn-gray-c:not(:disabled):not(.disabled):focus,
.btn-gray-c:not(:disabled):not(.disabled):active {background-color: var(--gray-color-c);border-color: var(--gray-color-c);color: var(--white-color);}

.btn-gray-a {background-color: var(--gray-color-a);border-color: var(--gray-color-a);}
.btn-gray-a:not(:disabled):not(.disabled):focus,
.btn-gray-a:not(:disabled):not(.disabled):active {background-color: var(--gray-color-a);border-color: var(--gray-color-a);}

.btn-gray-7 {background-color: var(--gray-color-7);border-color: var(--gray-color-7);}
.btn-gray-7:not(:disabled):not(.disabled):focus,
.btn-gray-7:not(:disabled):not(.disabled):active {background-color: var(--gray-color-7);border-color: var(--gray-color-7);}

.btn-gray-2 {background-color: var(--gray-color-2);border-color: var(--gray-color-2);}
.btn-gray-2:not(:disabled):not(.disabled):focus,
.btn-gray-2:not(:disabled):not(.disabled):active {background-color: var(--gray-color-2);border-color: var(--gray-color-2);}

.btn-black {background-color: var(--black-color);color: var(--white-color);border: 1px solid var(--black-color);}
.btn-black:not(:disabled):not(.disabled):focus,
.btn-black:not(:disabled):not(.disabled):active {background-color: var(--black-color);border-color: var(--black-color);}

.btn-white {background-color: var(--white-color);color: var(--gray-color-2);border: 1px solid var(--white-color);}
.btn-white:not(:disabled):not(.disabled):focus,
.btn-white:not(:disabled):not(.disabled):active {background-color: var(--white-color);color: var(--black-color);border: 1px solid var(--white-color);}

/* btn border */
.btn-bd-primary {color: var(--primary-color);border: 1px solid var(--primary-color);}
.btn-bd-primary:not(:disabled):not(.disabled):focus,
.btn-bd-primary:not(:disabled):not(.disabled):active {color: var(--primary-color);border: 1px solid var(--primary-color);}

.btn-bd-secondary {color: var(--secondary-color);border: 1px solid var(--secondary-color);}
.btn-bd-secondary:not(:disabled):not(.disabled):focus,
.btn-bd-secondary:not(:disabled):not(.disabled):active {color: var(--secondary-color);border: 1px solid var(--secondary-color);}

.btn-bd-gray-f5 {color: var(--gray-color-f5);border: 1px solid var(--gray-color-f5);}
.btn-bd-gray-f5:not(:disabled):not(.disabled):focus,
.btn-bd-gray-f5:not(:disabled):not(.disabled):active {color: var(--gray-color-f5);border: 1px solid var(--gray-color-f5);}

.btn-bd-gray-e5 {color: var(--gray-color-e5);border: 1px solid var(--gray-color-e5);}
.btn-bd-gray-e5:not(:disabled):not(.disabled):focus,
.btn-bd-gray-e5:not(:disabled):not(.disabled):active {color: var(--gray-color-e5);border: 1px solid var(--gray-color-e5);}

.btn-bd-gray-c {color: var(--gray-color-c);border: 1px solid var(--gray-color-c);}
.btn-bd-gray-c:not(:disabled):not(.disabled):focus,
.btn-bd-gray-c:not(:disabled):not(.disabled):active {color: var(--gray-color-c);border: 1px solid var(--gray-color-c);}

.btn-bd-gray-a {color: var(--gray-color-a);border: 1px solid var(--gray-color-a);}
.btn-bd-gray-a:not(:disabled):not(.disabled):focus,
.btn-bd-gray-a:not(:disabled):not(.disabled):active {color: var(--gray-color-a);border: 1px solid var(--gray-color-a);}

.btn-bd-gray-7 {color: var(--gray-color-7);border: 1px solid var(--gray-color-7);}
.btn-bd-gray-7:not(:disabled):not(.disabled):focus,
.btn-bd-gray-7:not(:disabled):not(.disabled):active {color: var(--gray-color-7);border: 1px solid var(--gray-color-7);}

.btn-bd-gray-2 {color: var(--gray-color-2);border: 1px solid var(--gray-color-2);}
.btn-bd-gray-2:not(:disabled):not(.disabled):focus,
.btn-bd-gray-2:not(:disabled):not(.disabled):active {color: var(--gray-color-2);border: 1px solid var(--gray-color-2);}

.btn-bd-black {color: var(--black-color);border: 1px solid var(--black-color);}
.btn-bd-black:not(:disabled):not(.disabled):focus,
.btn-bd-black:not(:disabled):not(.disabled):active {color: var(--black-color);border: 1px solid var(--black-color);}

.btn-bd-white {color: var(--white-color);border: 1px solid var(--white-color);}
.btn-bd-white:not(:disabled):not(.disabled):focus,
.btn-bd-white:not(:disabled):not(.disabled):active {color: var(--white-color);border: 1px solid var(--white-color);}

/* btn gradation */
.btn-rds.con-gradation {background: linear-gradient(154deg, #00AD4C 25%, #007F3D 75%);border: none;color: var(--white-color);}
.btn-rds.con-gradation:not(:disabled):not(.disabled):focus,
.btn-rds.con-gradation:not(:disabled):not(.disabled):active {background: linear-gradient(154deg, #00AD4C 25%, #007F3D 75%);border: none;color: var(--white-color);}

/* btn icon */
.btn-icon {display: inline-flex;align-items: center;justify-content: center;}
.btn-icon:not(:disabled):not(.disabled):not([class*=btn-bd]):focus,
.btn-icon:not(:disabled):not(.disabled):not([class*=btn-bd]):active {border-color: transparent;}
.btn-icon.primary-hover[class*="btn-bd"] {background-color: var(--white-color);}

.btn-custom {display: inline-flex;}
.btn-custom:not(:disabled):not(.disabled):not([class*=btn-bd]):focus,
.btn-custom:not(:disabled):not(.disabled):not([class*=btn-bd]):active {border-color: transparent;}

/* btn custom */
.btn-custom.custom1 {align-items: stretch;}
.btn-custom.custom1 > [class *= "icon-"] {border-radius: 50%;}

.btn-custom.custom2 {position: relative;}
.btn-custom.custom2 [class*="btn"] {border-radius: 50%;}
.btn-custom.custom2 [class*="btn"].rect-box > span {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.btn-custom.custom2 [class*="btn"] + [class*="icon-"] {position: absolute;display: block;background-color: var(--white-color);border-radius: 50%;}

.btn-custom.custom3 {position: relative;}
.btn-custom.custom3:before {content: "";position: absolute;display: block;border-radius: 50%;}

/* primary-active */
.primary-active[class *="btn-"]:not([class*="btn-bd-"]).active {background-color: var(--primary-color);color: var(--white-color);}
.primary-active[class *="btn-"]:not([class*="btn-bd-"]).active:not(:disabled):not(.disabled):focus,
.primary-active[class *="btn-"]:not([class*="btn-bd-"]).active:not(:disabled):not(.disabled):active {background-color: var(--primary-color);color: var(--white-color);}

.primary-active[class *="btn-bd-"].active {border: 1px solid var(--primary-color);color: var(--primary-color);}
.primary-active[class *="btn-"].active:not(:disabled):not(.disabled):focus,
.primary-active[class *="btn-"].active:not(:disabled):not(.disabled):active {border: 1px solid var(--primary-color);color: var(--primary-color);}

/* floating btn */
.floating {position: fixed;}
.floating > .btn-floating {display: flex;flex-direction: column;}
.floating > .btn-floating .rect-box > img {object-fit: cover;}
.floating > .btn-floating .rect-box + span {text-align: center;word-break: break-word;overflow-wrap: break-word;}
.floating.floating-container {right: 20px;}

/* outline btn */
.btn-outline-hover {outline: 1px solid var(--gray-color-a);outline-offset: -1px;}

.dashed-btn {background: url(../../img/icon/dashed-box.png) no-repeat 50% 50%;background-size: contain;}

/* dropdown */
.dropdown {position: relative;}
.dropdown .dropdown-toggle {display: inline-flex;align-items: center;justify-content: space-between;text-align: start;}
.dropdown .dropdown-toggle:after {border-width: 0;background: no-repeat 50% 50%;background-size: contain;background-image: url(../img/icon/icon-select.png);}
.dropdown .dropdown-toggle.show:after {background-image: url(../img/icon/icon-select-on.png);}
.dropdown .dropdown-toggle + .dropdown-menu {width: 100%;border-radius: 10px;padding: 0;}
.dropdown .dropdown-toggle + .dropdown-menu .dropdown-item {padding: 1.125rem 1.25rem;color: var(--deepgray-color);}
.dropdown-item.active,
.dropdown-item:active {background-color: #F4F6F8;}

/* dropdown select */
.form-dropdown-wrap {position: relative;min-width: 0;}
.form-dropdown-wrap .form-dropdown {position: relative;border: 1px solid var(--gray-color-c);color: var(--gray-color-2);border-radius: 10px;text-align: left;}
.form-dropdown-wrap .form-dropdown > .dropdown-val {display: block;}
.form-dropdown-wrap .form-dropdown:after {position: absolute;border: 0;background-image: url(../img/icon/icon-gnb.png);background-repeat: no-repeat;background-size: contain;}
.form-dropdown-wrap .form-dropdown.show:after {background-image: url(../img/icon/icon-gnb-on.png);}
.form-dropdown-wrap .form-dropdown .dropdown-val {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.form-dropdown-wrap .dropdown-menu {min-width: 100%;z-index: 2;padding: 0;border-radius: 10px;overflow: hidden;border-color: var(--gray-color-c);margin-top: 10px !important;}
.form-dropdown-wrap .dropdown-menu > li:not(:first-child) {border-top: 1px solid var(--gray-color-e5);}
.form-dropdown-wrap .dropdown-menu .dropdown-item {color: var(--gray-color-2);}
.form-dropdown-wrap .dropdown-menu .dropdown-item:focus,
.form-dropdown-wrap .dropdown-menu .dropdown-item:hover {background-color: var(--white-color);}

/* icon */
.logo {background-image: url(../img/icon/logo.png);}
.icon-lang-pr {background-image: url(../img/icon/icon-lang-pr.png);}
.icon-lang-w {background-image: url(../img/icon/icon-lang-w.png);}
.icon-chat-logo {background-image: url(../img/icon/icon-chat-logo.png);}
.icon-alarm {background-image: url(../img/icon/icon-alarm.png);}
.icon-heart {background-image: url(../img/icon/icon-heart.png);}
.icon-heart-heart {background-image: url(../img/icon/icon-heart-heart.png);}
.icon-heart-heart-w {background-image: url(../img/icon/icon-heart-heart-w.png);}
.icon-leaf {background-image: url(../img/icon/icon-leaf.png);}
.icon-search-pr {background-image: url(../img/icon/icon-search-pr.png);}
.icon-search-gr {background-image: url(../img/icon/icon-search-gr.png);}
.icon-search-w {background-image: url(../img/icon/icon-search-w.png);}
.icon-search-m-pr {background-image: url(../img/icon/icon-search-m-pr.png);}
.icon-menu {background-image: url(../img/icon/icon-menu.png);}
.icon-play {background-image: url(../img/icon/icon-play.png);}
.icon-paused {background-image: url(../img/icon/icon-paused.png);}
.icon-share {background-image: url(../img/icon/icon-share.png);}
.icon-share2-w {background-image: url(../img/icon/icon-share2-w.png);}
.icon-close {background-image: url(../img/icon/icon-close.png);}
.icon-close-w {background-image: url(../img/icon/icon-close-w.png);}
.icon-close-w2 {background-image: url(../img/icon/icon-close-w2.png);}
.icon-select {background-image: url(../img/icon/icon-select.png);}
.icon-select-on {background-image: url(../img/icon/icon-select-on.png);}
.icon-gnb {background-image: url(../img/icon/icon-gnb.png);}
.icon-gnb2 {background-image: url(../img/icon/icon-gnb2.png);}
.icon-gnb-on {background-image: url(../img/icon/icon-gnb-on.png);}
.icon-gnb2-on-w {background-image: url(../img/icon/icon-gnb2-on-w.png);}
.icon-check {background-image: url(../img/icon/icon-check.png);}
.icon-check-circle {background-image: url(../img/icon/icon-check-circle.png);}
.icon-x-circle {background-image: url(../img/icon/icon-x-circle.png);}
.icon-event-success {background-image: url(../img/icon/icon-event-success.png);}
.icon-cake {background-image: url(../img/icon/icon-cake.png);}
.icon-timer {background-image: url(../img/icon/icon-timer.png);}
.icon-card {background-image: url(../img/icon/icon-card.png);}
.icon-amount {background-image: url(../img/icon/icon-amount.png);}
.icon-calendar {background-image: url(../img/icon/icon-calendar.png);}
.icon-playback {background-image: url(../img/icon/icon-playback.png);}
.icon-message-circle {background-image: url(../img/icon/icon-message-circle.png);}
.icon-phone-circle {background-image: url(../img/icon/icon-phone-circle.png);}
.icon-qplus {background-image: url(../img/icon/icon-qplus.png);}
.icon-answer {background-image: url(../img/icon/icon-answer.png);}
.icon-file {background-image: url(../img/icon/icon-file.png);}
.icon-idcard {background-image: url(../img/icon/icon-idcard.png);}
.icon-idcard-w {background-image: url(../img/icon/icon-idcard-w.png);}
.icon-home {background-image: url(../img/icon/icon-home.png);}
.icon-home-w {background-image: url(../img/icon/icon-home-w.png);}
.icon-home2-w {background-image: url(../img/icon/icon-home2-w.png);}
.icon-home3 {background-image: url(../img/icon/icon-home3.png);}
.icon-home3-w {background-image: url(../img/icon/icon-home3-w.png);}
.icon-selection {background-image: url(../img/icon/icon-selection.png);}
.icon-selection-w {background-image: url(../img/icon/icon-selection-w.png);}
.icon-building {background-image: url(../img/icon/icon-building.png);}
.icon-building-w {background-image: url(../img/icon/icon-building-w.png);}
.icon-building2 {background-image: url(../img/icon/icon-building2.png);}
.icon-building2-w {background-image: url(../img/icon/icon-building2-w.png);}
.icon-building2-sec {background-image: url(../img/icon/icon-building2-sec.png);}
.icon-download {background-image: url(../img/icon/icon-download.png);}
.icon-document {background-image: url(../img/icon/icon-document.png);}
.icon-document-w {background-image: url(../img/icon/icon-document-w.png);}
.icon-document2-w {background-image: url(../img/icon/icon-document2-w.png);}
.icon-document-heart {background-image: url(../img/icon/icon-document-heart.png);}
.icon-document-heart-w {background-image: url(../img/icon/icon-document-heart-w.png);}
.icon-document-submit {background-image: url(../img/icon/icon-document-submit.png);}
.icon-document-submit-w {background-image: url(../img/icon/icon-document-submit-w.png);}
.icon-sales-support {background-image: url(../img/icon/icon-sales-support.png);}
.icon-sales-support-w {background-image: url(../img/icon/icon-sales-support-w.png);}
.icon-star {background-image: url(../img/icon/icon-star.png);}
.icon-star-w {background-image: url(../img/icon/icon-star-w.png);}
.icon-call {background-image: url(../img/icon/icon-call.png);}
.icon-call-w {background-image: url(../img/icon/icon-call-w.png);}
.icon-chat {background-image: url(../img/icon/icon-chat.png);}
.icon-chat-w {background-image: url(../img/icon/icon-chat-w.png);}
.icon-edu {background-image: url(../img/icon/icon-edu.png);}
.icon-edu-w {background-image: url(../img/icon/icon-edu-w.png);}
.icon-meeting {background-image: url(../img/icon/icon-meeting.png);}
.icon-meeting-w {background-image: url(../img/icon/icon-meeting-w.png);}
.icon-bulb-w {background-image: url(../img/icon/icon-bulb-w.png);}
.icon-hand-heart {background-image: url(../img/icon/icon-hand-heart.png);}
.icon-hand-heart-w {background-image: url(../img/icon/icon-hand-heart-w.png);}
.icon-sitemap {background-image: url(../img/icon/icon-sitemap.png);}
.icon-sitemap-w {background-image: url(../img/icon/icon-sitemap-w.png);}
.icon-clothing {background-image: url(../img/icon/icon-clothing.png);}
.icon-clothing-c {background-image: url(../img/icon/icon-clothing-c.png);}
.icon-clothing-w {background-image: url(../img/icon/icon-clothing-w.png);}
.icon-clothing-sec {background-image: url(../img/icon/icon-clothing-sec.png);}
.icon-clothing2-w {background-image: url(../img/icon/icon-clothing2-w.png);}
.icon-clothing2-sec {background-image: url(../img/icon/icon-clothing2-sec.png);}
.icon-strawhat-c {background-image: url(../img/icon/icon-strawhat-c.png);}
.icon-detergent-c {background-image: url(../img/icon/icon-detergent-c.png);}
.icon-book-c {background-image: url(../img/icon/icon-book-c.png);}
.icon-dice-c {background-image: url(../img/icon/icon-dice-c.png);}
.icon-dryer-c {background-image: url(../img/icon/icon-dryer-c.png);}
.icon-tv-c {background-image: url(../img/icon/icon-tv-c.png);}
.icon-furniture-c {background-image: url(../img/icon/icon-furniture-c.png);}
.icon-rice-c {background-image: url(../img/icon/icon-rice-c.png);}
.icon-etc-c {background-image: url(../img/icon/icon-etc-c.png);}
.icon-salary {background-image: url(../img/icon/icon-salary.png);}
.icon-salary-w {background-image: url(../img/icon/icon-salary-w.png);}
.icon-salary-sec {background-image: url(../img/icon/icon-salary-sec.png);}
.icon-parcel {background-image: url(../img/icon/icon-parcel.png);}
.icon-parcel-w {background-image: url(../img/icon/icon-parcel-w.png);}
.icon-list {background-image: url(../img/icon/icon-list.png);}
.icon-list-w {background-image: url(../img/icon/icon-list-w.png);}
.icon-map-marker {background-image: url(../img/icon/icon-map-marker.png);}
.icon-map-marker-on {background-image: url(../img/icon/icon-map-marker-on.png);}
.icon-donation-item {background-image: url(../img/icon/icon-donation-item.png);}
.icon-donation-item-w {background-image: url(../img/icon/icon-donation-item-w.png);}
.icon-people {background-image: url(../img/icon/icon-people.png);}
.icon-people-heart {background-image: url(../img/icon/icon-people-heart.png);}
.icon-people-heart-w {background-image: url(../img/icon/icon-people-heart-w.png);}
.icon-leader {background-image: url(../img/icon/icon-leader.png);}
.icon-gift-w {background-image: url(../img/icon/icon-gift-w.png);}
.icon-letter {background-image: url(../img/icon/icon-letter.png);}
.icon-letter-heart {background-image: url(../img/icon/icon-letter-heart.png);}
.icon-letter-heart-w {background-image: url(../img/icon/icon-letter-heart-w.png);}
.icon-legacy-donor {background-image: url(../img/icon/icon-legacy-donor.png);}
.icon-legacy-donor-w {background-image: url(../img/icon/icon-legacy-donor-w.png);}
.icon-cost-w {background-image: url(../img/icon/icon-cost-w.png);}
.icon-insurance-w {background-image: url(../img/icon/icon-insurance-w.png);}
.icon-chart-w {background-image: url(../img/icon/icon-chart-w.png);}
.icon-art-w {background-image: url(../img/icon/icon-art-w.png);}
.icon-regular-sponsor-w {background-image: url(../img/icon/icon-regular-sponsor-w.png);}
.icon-stamp {background-image: url(../img/icon/icon-stamp.png);}
.icon-loading {background-image: url(../img/icon/icon-loading.png);}
.icon-pin {background-image: url(../img/icon/icon-pin.png);}

.icon-mypage01 {background-image: url(../img/icon/icon-mypage01.png);}
.icon-mypage01-on {background-image: url(../img/icon/icon-mypage01-on.png);}
.icon-mypage02 {background-image: url(../img/icon/icon-mypage02.png);}
.icon-mypage02-on {background-image: url(../img/icon/icon-mypage02-on.png);}
.icon-mypage03 {background-image: url(../img/icon/icon-mypage03.png);}
.icon-mypage03-on {background-image: url(../img/icon/icon-mypage03-on.png);}
.icon-mypage04 {background-image: url(../img/icon/icon-mypage04.png);}
.icon-mypage04-on {background-image: url(../img/icon/icon-mypage04-on.png);}
.icon-mypage05 {background-image: url(../img/icon/icon-mypage05.png);}
.icon-mypage05-on {background-image: url(../img/icon/icon-mypage05-on.png);}
.icon-sponsor1 {background-image: url(../img/icon/icon-sponsor1.png);}
.icon-sponsor2 {background-image: url(../img/icon/icon-sponsor2.png);}
.icon-sponsor2-w {background-image: url(../img/icon/icon-sponsor2-w.png);}
.icon-sponsor3 {background-image: url(../img/icon/icon-sponsor3.png);}
.icon-sponsor3-w {background-image: url(../img/icon/icon-sponsor3-w.png);}
.icon-sponsor4 {background-image: url(../img/icon/icon-sponsor4.png);}
.icon-sponsor4-w {background-image: url(../img/icon/icon-sponsor4-w.png);}
.icon-sponsor5 {background-image: url(../img/icon/icon-sponsor5.png);}
.icon-mentality1-w {background-image: url(../img/icon/icon-mentality1-w.png);}
.icon-mentality2-w {background-image: url(../img/icon/icon-mentality2-w.png);}
.icon-mentality3 {background-image: url(../img/icon/icon-mentality3.png);}
.icon-mentality3-w {background-image: url(../img/icon/icon-mentality3-w.png);}
.icon-mentality4-w {background-image: url(../img/icon/icon-mentality4-w.png);}
.icon-mentality5-w {background-image: url(../img/icon/icon-mentality5-w.png);}
.icon-ethics1 {background-image: url(../img/icon/icon-ethics1.png);}
.icon-ethics2 {background-image: url(../img/icon/icon-ethics2.png);}
.icon-ethics3 {background-image: url(../img/icon/icon-ethics3.png);}
.icon-ethics4 {background-image: url(../img/icon/icon-ethics4.png);}

.icon-status01-c {background-image: url(../img/icon/icon-status01-c.png);}
.icon-status02-c {background-image: url(../img/icon/icon-status02-c.png);}
.icon-status03-c {background-image: url(../img/icon/icon-status03-c.png);}
.icon-status04-c {background-image: url(../img/icon/icon-status04-c.png);}
.icon-status05-c {background-image: url(../img/icon/icon-status05-c.png);}
.icon-status06-c {background-image: url(../img/icon/icon-status06-c.png);}
.icon-status07-c {background-image: url(../img/icon/icon-status07-c.png);}
.icon-status08-c {background-image: url(../img/icon/icon-status08-c.png);}
.icon-status09-c {background-image: url(../img/icon/icon-status09-c.png);}
.icon-status09-c {background-image: url(../img/icon/icon-status09-c.png);}
.icon-status10-c {background-image: url(../img/icon/icon-status10-c.png);}
.icon-status11-c {background-image: url(../img/icon/icon-status11-c.png);}
.icon-status12-c {background-image: url(../img/icon/icon-status12-c.png);}
.icon-status13-c {background-image: url(../img/icon/icon-status13-c.png);}
.icon-status13-w {background-image: url(../img/icon/icon-status13-w.png);}
.icon-status14-c {background-image: url(../img/icon/icon-status14-c.png);}
.icon-status15-c {background-image: url(../img/icon/icon-status15-c.png);}
.icon-status16 {background-image: url(../img/icon/icon-status16.png);}
.icon-status16-c {background-image: url(../img/icon/icon-status16-c.png);}
.icon-status16-w {background-image: url(../img/icon/icon-status16-w.png);}
.icon-status17-c {background-image: url(../img/icon/icon-status17-c.png);}
.icon-status18-c {background-image: url(../img/icon/icon-status18-c.png);}
.icon-status19-c {background-image: url(../img/icon/icon-status19-c.png);}
.icon-status20-c {background-image: url(../img/icon/icon-status20-c.png);}
.icon-status21-c {background-image: url(../img/icon/icon-status21-c.png);}
.icon-status22-c {background-image: url(../img/icon/icon-status22-c.png);}
.icon-status23-c {background-image: url(../img/icon/icon-status23-c.png);}
.icon-status24-c {background-image: url(../img/icon/icon-status24-c.png);}
.icon-status25-c {background-image: url(../img/icon/icon-status25-c.png);}
.icon-status26-c {background-image: url(../img/icon/icon-status26-c.png);}
.icon-status27-c {background-image: url(../img/icon/icon-status27-c.png);}
.icon-status28-c {background-image: url(../img/icon/icon-status28-c.png);}
.icon-status29-c {background-image: url(../img/icon/icon-status29-c.png);}
.icon-status30-c {background-image: url(../img/icon/icon-status30-c.png);}
.icon-status31-c {background-image: url(../img/icon/icon-status31-c.png);}
.icon-status32-c {background-image: url(../img/icon/icon-status32-c.png);}
.icon-status33-c {background-image: url(../img/icon/icon-status33-c.png);}
.icon-status34-c {background-image: url(../img/icon/icon-status34-c.png);}
.icon-status35-c {background-image: url(../img/icon/icon-status35-c.png);}
.icon-status36-c {background-image: url(../img/icon/icon-status36-c.png);}
.icon-status37-c {background-image: url(../img/icon/icon-status37-c.png);}
.icon-status38-c {background-image: url(../img/icon/icon-status38-c.png);}

.icon-plus {background-image: url(../img/icon/icon-plus.png);}
.icon-plus2 {background-image: url(../img/icon/icon-plus2.png);}
.icon-plus3 {background-image: url(../img/icon/icon-plus3.png);}
.icon-plus-circle {background-image: url(../img/icon/icon-plus-circle.png);}
.icon-minus {background-image: url(../img/icon/icon-minus.png);}
.icon-minus-pr {background-image: url(../img/icon/icon-minus-pr.png);}
.icon-facebook {background-image: url(../img/icon/icon-facebook.png);}
.icon-insta {background-image: url(../img/icon/icon-insta.png);}
.icon-blog {background-image: url(../img/icon/icon-blog.png);}
.icon-kakao {background-image: url(../img/icon/icon-kakao.png);}
.icon-kakao-plus {background-image: url(../img/icon/icon-kakaoplus.png);}
.icon-kakao-circle {background-image: url(../img/icon/icon-kakao-circle.png);}
.icon-kakao-circle-on {background-image: url(../img/icon/icon-kakao-circle-on.png);}
.icon-kakao-circle-off {background-image: url(../img/icon/icon-kakao-circle-off.png);}
.icon-naver {background-image: url(../img/icon/icon-naver.png);}
.icon-naver-off {background-image: url(../img/icon/icon-naver-off.png);}
.icon-naver-circle {background-image: url(../img/icon/icon-naver-circle.png);}
.icon-naver-circle-on {background-image: url(../img/icon/icon-naver-circle-on.png);}
.icon-naver-circle-off {background-image: url(../img/icon/icon-naver-circle-off.png);}

.icon-prev {background-image: url(../img/icon/icon-prev.png);}
.icon-next {background-image: url(../img/icon/icon-next.png);}
.icon-next2 {background-image: url(../img/icon/icon-next2.png);}
.icon-slide-prev {background-image: url(../img/icon/icon-slide-prev.png);}
.icon-slide-next {background-image: url(../img/icon/icon-slide-next.png);}
.icon-next-black {background-image: url(../img/icon/icon-next-black.png);}
.icon-next-gray {background-image: url(../img/icon/icon-next-gray.png);}
.icon-next-gray2 {background-image: url(../img/icon/icon-next-gray2.png);}
.icon-next-pr {background-image: url(../img/icon/icon-next-pr.png);}
.icon-next-step {background-image: url(../img/icon/icon-next-step.png);}
.icon-terms-next {background-image: url(../img/icon/icon-terms-next.png);}

.icon-arrow-right {background-image: url(../img/icon/icon-arrow-right.png);}
.icon-arrow-right-hover {background-image: url(../img/icon/icon-arrow-right-hover.png);}
.icon-arrow-right-pr {background-image: url(../img/icon/icon-arrow-right-pr.png);}

.icon-kguide-star {background-image: url(../img/icon/kguide-star.png);}
.icon-ngo-prize {background-image: url(../img/icon/ngo-prize.png);}
.icon-un-ecosoc {background-image: url(../img/icon/un-ecosoc.png);}
.icon-samil-awards {background-image: url(../img/icon/samil-awards.png);}

.dashed-line {background-image: url(../img/icon/dashed-line.png);}
.dashed-circle {background-image: url(../img/icon/dashed-circle.png);}
.bg-ci {background-image: url(../img/bg/bg-ci.png);}
.bg-grid {background-image: url(../img/bg/bg-grid.png);}

.flag-ivory-coast {background-image: url(../img/icon/flag-ivory-coast.png);}
.flag-kenya {background-image: url(../img/icon/flag-kenya.png);}
.flag-liberia {background-image: url(../img/icon/flag-liberia.png);}
.flag-malawi {background-image: url(../img/icon/flag-malawi.png);}
.flag-myanmar {background-image: url(../img/icon/flag-myanmar.png);}
.flag-nepal {background-image: url(../img/icon/flag-nepal.png);}
.flag-philippines {background-image: url(../img/icon/flag-philippines.png);}
.flag-tanzania {background-image: url(../img/icon/flag-tanzania.png);}
.flag-thailand {background-image: url(../img/icon/flag-thailand.png);}
.flag-uganda {background-image: url(../img/icon/flag-uganda.png);}
.flag-ukraine {background-image: url(../img/icon/flag-ukraine.png);}
.flag-vietnam {background-image: url(../img/icon/flag-vietnam.png);}

/* carousel */
.owl-carousel.visible .owl-stage-outer {overflow: visible;}
.owl-carousel.visible .owl-stage-outer:before {content: "";position: absolute;top: -10px;left: -100%;width: 100%;height: calc(100% + 20px);background-color: var(--white-color);z-index: 1;}
.owl-carousel.visible .owl-stage-outer .owl-stage-outer {z-index: 0;}
.owl-carousel .owl-nav > button {position: absolute;top: calc((100% - 2.625rem)/2);width: 2.625rem;height: 2.625rem;border-radius: 50%;border: 1px solid var(--gray-color);}
.owl-carousel .owl-nav > button.owl-prev {left: 0;background-color: var(--white-color);}
.owl-carousel .owl-nav > button.owl-next {right: 0;background-color: var(--white-color);}
.owl-carousel .owl-nav > button > img {width: .875rem;height: .875rem;object-fit: contain;}

.visible-carousel.owl-carousel .owl-stage-outer {position: relative;overflow: visible;}
.visible-carousel.owl-carousel.left-hidden .owl-stage-outer:before {content: "";position: absolute;top: -10px;left: -100%;width: 100%;height: calc(100% + 20px);background-color: var(--white-color);z-index: 1;}

.size-up.owl-carousel .owl-stage-outer {display: flex;height: 100%;}
.size-up.owl-carousel .owl-stage {display: flex;width: auto !important;}
.size-up.owl-carousel .owl-item .item {transition: all .3s;}
.size-up .owl-item .item.rect-box {display: block;overflow: hidden;}
.size-up.items-bottom .owl-item {display: flex;align-items: end;}

.owl-carousel .owl-dots,
.owl-carousel .owl-dot {width: 0;height: 0;}

.carousel-nav {position: relative;overflow: hidden;}
.carousel-nav-btn button {position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);background-color: var(--white-color);width: 2.625rem;height: 2.625rem;border-radius: 50%;border: 1px solid var(--gray-color-a);}
.carousel-nav-btn .prev {left: 0;}
.carousel-nav-btn .next {right: 0;}

.owl-min-5 {display: flex;width: 100%;gap: 30px;}
.owl-min-5 > .item {flex: 1;}

.img-position-top {object-position: 50% 0;}

.slide-nav-container .slide-page {display: flex;align-items: center;}
.slide-nav-container .slide-page .prev,
.slide-nav-container .slide-page .next {width: 2.625rem;height: 2.625rem;border-radius: 50%;background-repeat: no-repeat;background-position: 50%;background-size: contain;margin: 0 .3125rem;}
.slide-nav-container .slide-page .prev {background-image: url(../img/icon/icon-prev3.png);}
.slide-nav-container .slide-page .next {background-image: url(../img/icon/icon-next3.png);}
.slide-nav-container .slide-page .page-nav {position: relative;display: block;width: 10rem;height: 2px;background-color: var(--gray-color);margin-left: 1.1875rem;}
.slide-nav-container .slide-page .page-nav > span {position: absolute;top: 0;left: 0;background-color: var(--primary-color);width: 25%;height: 2px;}

/* step */
.step-type1 {display: flex;justify-content: center;align-items: center;}
.step-type1 .item {position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;color: var(--gray-color-7);}
.step-type1 .item.active {background: linear-gradient(135deg, #00AD4C 10%, #007F3D 100%);color: var(--white-color);}
.step-type1 .item:not(:last-child):after {content: "";position: absolute;top: 0;bottom: 0;background: url(../../img/icon/icon-slide-next.png) no-repeat 50% 50%;background-size: contain;}

.step-type2 {display: flex;align-items: center;}
.step-type2 .item {position: relative;display: flex;flex-direction: column;align-items: start;flex: 1;}
.step-type2 .item .step-label {position: relative;}
.step-type2 .item .step-label:after {content: "";position: absolute;display: block;}
.step-type2 .item.active .step-label:after {background: none;}
.step-type2 .item.active ~ .item .step-label:after {background: none;}

.step-type3 {display: flex;align-items: center;}
.step-type3 .item {position: relative;display: flex;flex-direction: column;align-items: center;align-self: stretch;flex: 1;}
.step-type3 .item .icon {display: block;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;}
.step-type3 .item:not(:last-child):after {content: "";position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);border-radius: 50%;}

/* pagination */
.pagination {justify-content: center;align-items: center;gap: .5rem;}
.pagination .page-item {display: flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;}
.pagination .page-item .page-link {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-width: 0;color: var(--gray-color-2);font-size: 1rem;font-weight: 600;border-radius: 50%;background-color: transparent;}
.pagination .page-item.active .page-link {background-color: var(--primary-color);color: var(--white-color);}
.pagination .page-item .page-link.page-arrow {width: 1.5rem;height: 1.5rem;text-indent: -99999px;background: no-repeat 50% 50%;background-size: contain;}
.pagination .page-item .page-link.page-arrow.prev {background: url(../img/icon/icon-slide-prev.png) no-repeat 50% 50%;background-size: contain;}
.pagination .page-item .page-link.page-arrow.next {background: url(../img/icon/icon-slide-next.png) no-repeat 50% 50%;background-size: contain;}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:active,
.pagination .page-item .page-link.active,
.pagination .page-item .page-link:focus {box-shadow: none;background-color: transparent;}
.pagination .page-item.active .page-link {background-color: var(--primary-color);}

/* 게시판 : img형 */
.board-img {display: flex;flex-wrap: wrap;align-items: start;}
.board-img .item {display: flex;flex-direction: column;align-items: center;}
.board-img .item .rect-box + span {font-weight: 500;color: var(--gray-color-2);}

/* 게시판 : card형 */
.board-card .card {width: auto;}
.board-card .card .rect-box {padding-bottom: 56.14%;}
.board-card .card .text-wrap {display: flex;flex-direction: column;}
.board-card .card .text-wrap .ellipsis-line2 {flex: 1;}
.board-card .card .text-wrap [class *= btn] {line-height: 1.5rem;text-align: center;}

/* gradation-img-box */
.gradation-img-box {position: relative;}
.gradation-img-box .img-wrap {z-index: 1;overflow: hidden;}
.gradation-img-box .img-wrap:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 50%);}
.gradation-img-box .text-wrap {z-index: 2;}

/* etc */
.overflow-y{overflow-y: auto;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis-line2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.fixed-page{position: fixed;top: 0;left: 0;right: 0;bottom: 0;}
.required-mark {color: var(--primary-color);font-weight: 600;margin-left: 3px;}
hr{border-color: var(--black-color);margin: 3.5rem 0;opacity: 1;}

.bg-position-center {background-position: 50% 50% !important;}
.basic-background {background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;}
.circle-num {display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--primary-color);color: var(--white-color);}

/* modal */
.modal-dialog {max-width: unset;}
.modal-content {border-radius: 1.25rem;}
.modal-header,
.modal-body,
.modal-footer {padding: 0 1.875rem 1.875rem;border-width: 0;color: var(--gray-color-2);}
.modal-header {padding-top: 1.875rem;}
.modal-header .modal-title {font-weight: 700;}
.modal-header .btn-modal-close {margin-left: auto;}
.modal-header .btn-modal-close [class *= icon-] {display: block;}
.modal-footer {justify-content: center;}
.modal-footer > * {margin: 0;}
.modal-footer > .btn-modal-close {border-radius: 40px;font-weight: 600;}
.modal-body .border-radius-10 {border-color: var(--gray-color-c) !important;}

.bg-dimmed {position: fixed;left: 0;right: 0;bottom: 0;z-index: 10;height: 100vh;background-color: rgba(0, 0, 0, .6);}

/* scroll animation */
.sc-easing-ease {transition-timing-function: ease;}
.sc-easing-easein {transition-timing-function: ease-in;}
.sc-easing-easeout {transition-timing-function: ease-out;}
.sc-easing-easeinout {transition-timing-function: ease-in-out;}

.sc-duration-50 {transition-duration: 50ms;}
.sc-duration-100 {transition-duration: .1s;}
.sc-duration-150 {transition-duration: .15s;}
.sc-duration-200 {transition-duration: .2s;}
.sc-duration-250 {transition-duration: .25s;}
.sc-duration-300 {transition-duration: .3s;}
.sc-duration-350 {transition-duration: .35s;}
.sc-duration-400 {transition-duration: .4s;}
.sc-duration-450 {transition-duration: .45s;}
.sc-duration-500 {transition-duration: .5s;}
.sc-duration-550 {transition-duration: .55s;}
.sc-duration-600 {transition-duration: .6s;}
.sc-duration-650 {transition-duration: .65s;}
.sc-duration-700 {transition-duration: .7s;}
.sc-duration-750 {transition-duration: .75s;}
.sc-duration-800 {transition-duration: .8s;}
.sc-duration-850 {transition-duration: .85;}
.sc-duration-900 {transition-duration: .9s;}
.sc-duration-950 {transition-duration: .95s;}
.sc-duration-1000 {transition-duration: 1s;}

.sc-duration-1050 {transition-duration: 1.05s;}
.sc-duration-1100 {transition-duration: 1.1s;}
.sc-duration-1150 {transition-duration: 1.15s;}
.sc-duration-1200 {transition-duration: .2s;}
.sc-duration-1250 {transition-duration: 1.25s;}
.sc-duration-1300 {transition-duration: .3s;}
.sc-duration-1350 {transition-duration: 1.35s;}
.sc-duration-1400 {transition-duration: 1.4s;}
.sc-duration-1450 {transition-duration: 1.45s;}
.sc-duration-1500 {transition-duration: .5s;}
.sc-duration-1550 {transition-duration: 1.55s;}
.sc-duration-1600 {transition-duration: .6s;}
.sc-duration-1650 {transition-duration: 1.65s;}
.sc-duration-1700 {transition-duration: .7s;}
.sc-duration-1750 {transition-duration: 1.75s;}
.sc-duration-1800 {transition-duration: .8s;}
.sc-duration-1850 {transition-duration: .85;}
.sc-duration-1900 {transition-duration: .9s;}
.sc-duration-1950 {transition-duration: 1.95s;}
.sc-duration-2000 {transition-duration: 2s;}

.sc-duration-2050 {transition-duration: 2.05s;}
.sc-duration-2100 {transition-duration: 2.1s;}
.sc-duration-2150 {transition-duration: 2.15s;}
.sc-duration-2200 {transition-duration: 22s;}
.sc-duration-2250 {transition-duration: 2.25s;}
.sc-duration-2300 {transition-duration: 23s;}
.sc-duration-2350 {transition-duration: 2.35s;}
.sc-duration-2400 {transition-duration: 24s;}
.sc-duration-2450 {transition-duration: 2.45s;}
.sc-duration-2500 {transition-duration: 25s;}
.sc-duration-2550 {transition-duration: 2.55s;}
.sc-duration-2600 {transition-duration: 26s;}
.sc-duration-2650 {transition-duration: 2.65s;}
.sc-duration-2700 {transition-duration: 27s;}
.sc-duration-2750 {transition-duration: 2.75s;}
.sc-duration-2800 {transition-duration: 28s;}
.sc-duration-2850 {transition-duration: 285;}
.sc-duration-2900 {transition-duration: 29s;}
.sc-duration-2950 {transition-duration: 2.95s;}
.sc-duration-3000 {transition-duration: 3s;}

[class*=sc-ani-] {opacity: 0;transition-property: opacity,transform;}
[class*=sc-ani-].ani-none-opacity {opacity: 1;}
[class*=sc-ani-].sc-animate {opacity: 1;transform: translateZ(0);}

.sc-ani-fade-up {transform: translate3d(0,6.25rem,0);}
.sc-ani-fade-down {transform: translate3d(0,-6.25rem,0);}
.sc-ani-fade-right {transform: translate3d(-6.25rem,0,0);}
.sc-ani-fade-left {transform: translate3d(6.25rem,0,0);}

.link-text {color: var(--primary-color);text-decoration: underline;}

@media (hover: hover) and (pointer: fine) {
	.btn-primary:not(:disabled):not(.disabled).active:focus,
	.btn-primary:not(:disabled):not(.disabled):active:focus,
	.show>.btn-primary.dropdown-toggle:focus {background-color: var(--primary-color);border-color: var(--primary-color);box-shadow: none;color: var(--white-color);}
	.btn-primary:not(:disabled):not(.disabled):hover {background-color: var(--primary-color);border-color: var(--primary-color);box-shadow: none;color: var(--white-color);}
	.btn-secondary:not(:disabled):not(.disabled):hover {background-color: var(--secondary-color);border-color: var(--secondary-color);box-shadow: none;color: var(--white-color);}
	.btn-gray-f5:not(:disabled):not(.disabled):hover {background-color: var(--gray-color-f5);color: var(--black-color);border: 1px solid var(--gray-color-f5);}
	.btn-gray-e5:not(:disabled):not(.disabled):hover {background-color: var(--gray-color-e5);color: var(--black-color);border: 1px solid var(--gray-color-e5);}
	.btn-gray-c:not(:disabled):not(.disabled):hover {background-color: var(--gray-color-c);color: var(--white-color);border: 1px solid var(--gray-color-c);}
	.btn-gray-a:not(:disabled):not(.disabled):hover {background-color: var(--gray-color-a);color: var(--black-color);border: 1px solid var(--gray-color-a);}
	.btn-gray-7:not(:disabled):not(.disabled):hover {background-color: var(--gray-color-7);color: var(--white-color);border: 1px solid var(--gray-color-7);}
	.btn-gray-2:not(:disabled):not(.disabled):hover {background-color: var(--gray-color-2);color: var(--white-color);border: 1px solid var(--gray-color-2);}
	.btn-black:not(:disabled):not(.disabled):hover {background-color: var(--gray-color-2);color: var(--white-color);border: 1px solid var(--gray-color-2);}
	.btn-white:not(:disabled):not(.disabled):hover {background-color: var(--white-color);color: var(--gray-color-2);border: 1px solid var(--white-color);}

	.btn-bd-primary:not(:disabled):not(.disabled):hover {color: var(--primary-color);border: 1px solid var(--primary-color);}
	.btn-bd-secondary:not(:disabled):not(.disabled):hover {color: var(--secondary-color);border: 1px solid var(--secondary-color);}
	.btn-bd-gray-f5:not(:disabled):not(.disabled):hover {color: var(--gray-color-f5);border: 1px solid var(--gray-color-f5);}
	.btn-bd-gray-e5:not(:disabled):not(.disabled):hover {color: var(--gray-color-e5);border: 1px solid var(--gray-color-e5);}
	.btn-bd-gray-c:not(:disabled):not(.disabled):hover {color: var(--gray-color-c);border: 1px solid var(--gray-color-c);}
	.btn-bd-gray-a:not(:disabled):not(.disabled):hover {color: var(--gray-color-a);border: 1px solid var(--gray-color-a);}
	.btn-bd-gray-7:not(:disabled):not(.disabled):hover {color: var(--gray-color-7);border: 1px solid var(--gray-color-7);}
	.btn-bd-gray-2:not(:disabled):not(.disabled):hover {color: var(--gray-color-2);border: 1px solid var(--gray-color-2);}
	.btn-bd-black:not(:disabled):not(.disabled):hover {color: var(--black-color);border: 1px solid var(--black-color);}
	.btn-bd-white:not(:disabled):not(.disabled):hover {color: var(--white-color);border: 1px solid var(--white-color);}

	.link-text:hover,
	.link-text:focus {color: var(--primary-color);text-decoration: underline;}
}

@media (max-width: 1199.98px){
	html{font-size: 14px;}
}

@media (max-width: 1023.98px){

}

@media (max-width: 991.98px){
	
}

@media (max-width: 767.98px){
	html{font-size: 10px;}
}

@media (max-width: 575.98px){
	html{font-size: 8px;}
}