/* Accordion */
	[class*="aco-"] .aco-cont {display:none;}
	[class*="aco-"] .aco-cont > *:first-child {margin-top:0;}
	[class*="aco-"] .aco-head {display:flex;}
	[class*="aco-"] .aco-ic-ct-btn {height:100%;}
	[class*="aco-"] .aco-ic-ct-btn:before {background:var(--c-icon); background-size:var(--bgsize); transition:transform .3s ease;}
	[class*="aco-"] > .aco-wrap.active > .aco-head > .aco-ic-ct-btn:before {transform:translate(-50%, -50%) rotate(180deg);}
	[class*="aco-"].active > .aco-cont {overflow-y:auto; display:block;}

/* Align */
	.ac {text-align:center !important;}
	.ar {text-align:right !important;}
	.al {text-align:left !important;}
	.of {overflow:hidden;}
	.pr {position:relative !important;}
	.ec {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
	.tal,
	.tal th,
	.tal td {padding-left:0 !important; text-align:left !important;}
	.tac th,
	.tac td {text-align:center;}

/* Arrow Group */
	/*[class*="arw-"] {display:inline-flex;}
	[class*="arw-"] > * {position:relative;}
	[class*="arw-"] > * + *:before {content:""; position:absolute; left:0; top:50%; background:var(--icon); transform:translate(0, -50%);}*/

/* Animation */
	/*@keyframes utod {/* Up to Down */
		/*from {transform:translate(0, 0);}
		50% {transform:translate(0, -50%);}
		to  {transform:translate(0, 0);}
	}*/

/* Badge */
	[class*="bage-"] {display:inline-flex; text-align:center;}

/* Bar */
	/* Horizontal Bar */
		[class*="hbar-"] {display:flex; flex-direction:column;}
		[class*="hbar-"] > * {position:relative;}
		[class*="hbar-"] > * + *:before {content:""; position:absolute; left:0; top:0; width:100%; height:1px;}*/

	/* Vertical Bar */
		[class*="vbar-"] {display:inline-flex; align-items:center; flex-wrap:wrap;}
		[class*="vbar-"] > * {position:relative; word-break:keep-all;}
		[class*="vbar-"] > * + *:before {content:""; position:absolute; left:0; top:50%; width:1px; transform:translate(0, -50%);}

/* Border */
	.bt-02-blk {border-top:2px solid #111 !important;}

/* Box */
	[class*="box-"] {overflow:hidden; position:relative; width:100%;}
	[class*="box-"] > *:first-child {margin-top:0;}
	[class*="box-b-"] {background:white !important; border:1px solid transparent;}

	[class*="box-"] {padding:10px; font-size:13px;}

	.box-b-tb {border-left:0; border-right:0;}

/* Box Shadow */
	/*.bsha-01 {box-shadow:var(--bs-type01);}*/

/* Bullet */
	/* List Bullet */
		/*[class*="bul-"] > * {position:relative;}
		[class*="bul-"] > *:before {content:""; color:inherit;}*/

	/* Bullet Circle */
		[class*="bul-cir"] > *:before {content:" · "; border-radius:50%;}

	/* Bullet Square */
		/*[class*="bul-sqa"] > * {display:flex; gap:5px;}
		[class*="bul-sqa"] > *:before {background:#666; flex:0 0 2px; width:2px; height:2px; transform:translate(0, 10px);}*/

	/* Numbering */
		[class*="bul-num"] {counter-reset:list-num;}
		[class*="bul-num"] > * {display:flex;}
		[class*="bul-num"] > *:before {counter-increment:list-num;}

/* Button */
	/* Button Base */
		[class*="btn-"] {position:relative; display:inline-flex; justify-content:center; align-items:center; vertical-align:top; word-break:keep-all; color:white;}
		[class*="btn-"]:hover {transition:background .3s;}
		[class*="btn-"]:disabled,
		[class*="btn-"][disabled] {cursor:initial; pointer-events:none;}
		[class*="btn-ic-"]:disabled:before,
		[class*="btn-ic-"]:disabled:after,
		input[class*="btn-"] {appearance:none; margin:0; cursor:pointer;}

	/* Button Base Design */
		[class*="btn-"] {gap:7px; background:var(--main-color); border:1px solid var(--main-color); border-radius:var(--frm-br); height:var(--frm-h); padding:0 60px; font-size:24px; line-height:var(--frm-lh); color:white;}
		[class*="btn-"]:hover {background:var(--main-over-color); border-color:var(--main-over-color);}
		[class*="btn-"]:disabled,
		[class*="btn-"][disabled] {background:var(--fc-c03); border-color:var(--fc-c05); color:var(--fc-c04);}
		[class*="btn-b-"] {background:white; border-color:var(--main-color); color:var(--main-color);}
		[class*="btn-b-"]:hover {background:var(--fc-c03);}
		[class*="btn-b-"]:disabled,
		[class*="btn-b-"][disabled] {background:var(--fc-c03); border-color:var(--fc-c03) !important; color:var(--fc-c05)}

/* Border */
	/*[class*="bdr-"] {border:1px solid transparent;}*/

/* Border Radius */
	[class*="-br8"] {border-radius:8px;}
	[class*="-br16"] {border-radius:16px;}

/* Color */
	/* Background Color */
		[class*="-gry"] {background-color:#666;}
		[class*="-ylw"] {background-color:#FDF3D5 !important;}
		[class*="-ylw02"] {background-color:#F9CC47 !important;}
		[class*="-pnk"] {background-color:#E97174;}
		[class*="-lred"] {background-color:#FAE6E7;}
		[class*="-lgry"] {background-color:#F5F5F5;}
		[class*="-lgry02"] {background-color:#999;}
		[class*="-blk"] {background-color:#111;}
		[class*="-grn"] {background-color:#479D79;}
		[class*="-lgrn"] {background-color:#DEEFEA;}
		[class*="-lylw"] {background-color:#FDF3D5;}
		[class*="-wht"] {background-color:white;}

	/* Border Color */
		[class*="-b-gry"] {border-color:#999;}
		[class*="-b-ylw"] {border-color:#F9CC47;}
		[class*="-b-lgry"] {border-color:#e5e5e5;}
		[class*="-b-lgry02"] {border-color:#666;}

	/* Font Color */
		[class*="-fmn"] {color:var(--main-color) !important;}
		[class*="-fmnl"] {color:var(--main-light-color);}

		[class*="-fylw"] {color:#C39800;}
		[class*="-flgry"] {color:#999;}
		[class*="-fblk"] {color:black;}

/* Ellipsis */
	[class*="elps-"] {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
	.elps-02 {-webkit-line-clamp:2;}

/* Flex Layout */
	[class*="fx-"] {display:flex; max-width:100%; word-break:keep-all;}
	[class*="fx-"] > * {margin-top:0 !important;}
	span[class*="fx-"] {display:inline-flex;}
	[class*="fx-row"] {flex-direction:column;}
	[class*="m-fx-"] {display:initial;}
	.fx-fix {flex:0 0 fit-content;}
	.fx-fa {flex:0 0 auto;}
	.fx-i {display:inline-flex;}
	.fx-1 > *,
	.fx-1 {flex:1;}
	.fx-jcsb {justify-content:space-between;}
	.fx-jcsa {justify-content:space-around;}
	.fx-jcfe {justify-content:flex-end !important;}
	.fx-jcfs {justify-content:flex-start;}
	.fx-jcse {justify-content:space-evenly;}
	.fx-jcc {justify-content:center !important;}
	.fx-aic {align-items:center;}
	.fx-aife {align-items:flex-end;}
	.fx-aifs {align-items:flex-start;}
	.fx-fdc {flex-direction:column;}
	.fx-c {justify-content:center; align-items:center; text-align:center;}
	.fx-jsbic {justify-content:space-between; align-items:center;}
	.fx-fww {flex-wrap: wrap;}

	[class*="fx-col"] {word-break:break-all;}
	.fx-col02 {flex-wrap: wrap;}
	.fx-col02 > * {flex:0 0 50%;}

	.fx-gap-8 {gap:8px;}
	.fx-gap-12 {gap:12px;}
	.fx-gap-16 {gap:16px;}
	.fx-gap-24 {gap:24px;}
	.fx-gap-32 {gap:32px;}
	.fx-gap-50 {gap:50px;}

	.m-fx-row {flex-direction:row;}

/* Font Size */
	.fs-10 {font-size:10px !important;}
	.fs-14 {font-size:14px !important;}
	.fs-40 {font-size:40px !important;}
	.fs-56 {font-size:56px !important;}

/* Font Weight */
	.fw-s {font-weight:300;}
	.fw-r {font-weight:400;}
	b {font-weight:500;}
	strong, .fw-b {font-weight:700 !important;}

/* Form */
	/* Input Color */
		.inp-clr {display:flex; gap:4px; height:24px;}
		.inp-clr input[type="color"] {-webkit-appearance:none; flex:0 0 24px; background:none; border:0; border-radius:4px; width:24px; height:24px; padding:0;}
		.inp-clr input[type="color"]::-webkit-color-swatch-wrapper {padding:0;}
		.inp-clr input[type="color"]::-webkit-color-swatch {border:1px solid #f5f5f5; border-radius:4px;}
		.inp-clr input[type="text"] {min-height:24px; height:24px;}

	/* Input - Check Box, Radio */
		/* Input - Check Box, Radio Base */
			[class*="chk-rdo"] {position:relative;}
			[class*="chk-rdo"] input {position:absolute; visibility:hidden; left:-1000vw; top:50%; transform:translate(0, -50%); width:1px; height:1px;}
			[class*="chk-rdo"] > span {display:inline-flex; color:var(--fc-c02);}
			[class*="chk-rdo"] > span:before,
			[class*="chk-rdo"] > span:after {content:""; background:var(--c-icon); background-size:var(--bgsize);}
			[class*="chk-rdo"] > span:before {background:var(--frm-bg); border:var(--frm-bdr);}
			[class*="chk-rdo"] > span:after {position:absolute; left:0;}
			[class*="chk-rdo"] input:disabled + span:before,
			[class*="chk-rdo"] input:checked:disabled + span:before {background:var(--frm-disbg); border-color:var(--frm-disbdr);}

		/* Input - Check Box, Radio Design */
			[class*="chk-rdo"] {font-size:var(--init-fs);}
			[class*="chk-rdo"] input:checked + span:before {border-color:#999;}
			[class*="chk-rdo"] > span {gap:8px;}
			[class*="chk-rdo"] > span:before {flex:0 0 16px; width:16px; height:16px;}

	/* Input - File */
		[class*="inp-file"] {display:flex; position:relative; width:100%; gap:0 8px;}
		[class*="inp-file"] input[type="file"] {position:absolute; left:-1000em;}
		/*[class*="inp-file"] .inp-file-lst {display:flex; flex:1; gap:3vw; flex-direction: column; flex-wrap:wrap; font-size:var(--init-fs); color:black;}
		[class*="inp-file"] .inp-file-lst > * {display:flex; flex:1; align-items:center; gap:2.22vw;}
		[class*="inp-file"] .inp-file-lst a {display:flex; gap:1.94vw;}
		[class*="inp-file"] .inp-file-lst a:before {content:""; flex:0 0 3.61vw; background:var(--c-icon); background-position:-20.83vw -27.78vw; background-size:var(--bgsize); width:3.61vw; height:3.61vw; transform:translate(0, 1vw);}
		[class*="inp-file"] .inp-file-del {width:auto;}
		[class*="inp-file"] .inp-file-del:before {content:""; flex:0 0 2.78vw; background:var(--c-icon); background-position:-27.78vw -27.78vw; background-size:var(--bgsize); width:2.78vw; height:2.64vw;}
		[class*="inp-file"] .ic-file {margin-right:1.94vw;}

	/* Input - Image */
		/*[class*="inp-img"] {display:flex; flex-wrap:wrap; gap:2.78vw;}
		[class*="inp-img"] > * {position:relative; background:var(--fc-c05); border:1px solid #eee; border-radius:1.67vw; width:42.5vw; height:23.5vw;}
		[class*="inp-img"] label input {position:absolute; left:-1000em;}
		[class*="inp-img"] label span {display:flex; flex-direction:column; position:absolute; left:50%; top:50%; font-size:2.22vw; transform:translate(-50%, -50%); color:var(--fc-c02);}
		[class*="inp-img"] label span:before {background-position:-34.72vw -20.83vw; width:3.06vw; height:3.06vw; margin-bottom:2.78vw;}
		[class*="inp-img"] .btn-df-ic-ct-del02 {position:absolute; right:1.39vw; top:1.39vw;}
		[class*="inp-img"] img {width:100%; height:100%;}*/

	/* Input - Password */
		/*[class*="inp-pswd"] {position:relative;}
		[class*="inp-pswd"] .ic-ct-eye {position:absolute; right:0; top:0; width:var(--frm-h); height:var(--frm-h); text-indent:-1000em;}
		[class*="inp-pswd"] .ic-ct-eye:before {background-position:-111.11vw -6.94vw; width:2.5vw; height:1.67vw;}
		[class*="inp-pswd"] .ic-ct-eye.active:before {background-position:-118.06vw -6.94vw;}*/

	/* Input - Telephone */
		[class*="inp-tel"] {display:flex; align-items: center;}
		[class*="inp-tel"] > * + * {display:flex; align-items:center;}
		[class*="inp-tel"] > * + *:before {content:""; display:inline-block; height:1px;}

		[class*="inp-tel"],
		[class*="inp-tel"] > * + * {gap:8px;}
		[class*="inp-tel"] > * + *:before {background:var(--frm-bdrc); width:7px;}

	/* Input - Text */
		input[type="text"],
		input[type="password"] {background:var(--frm-bg); border:var(--frm-bdr); border-radius:var(--frm-br); min-height:var(--frm-h); width:100%; height:var(--frm-h); padding:0 var(--frm-pad); font-size:var(--frm-fs); color:var(--frm-fc); transition:border-color .3s;}
		input[type="text"]:focus,
		input[type="password"]:focus {border-color:var(--main-color); transition:border-color .3s;}
		input[type="text"]::placeholder,
		input[type="password"]::placeholder{color:var(--frm-ph);}
		input[type="text"]:disabled{background-color:var(--frm-disbg);}

		.inp-wrap {overflow:hidden; flex:0 0 var(--frm-h); background:var(--frm-bg); border:var(--frm-bdr); border-radius:var(--frm-br); height:var(--frm-h); padding:0 var(--frm-pad); font-size:var(--frm-fs); color:var(--frm-fc); transition:border-color .3s;}
		.inp-wrap input[type="text"],
		.inp-wrap input[type="password"] {flex:1; border:0; padding:0; width:auto; height:100%;}

	/* Input - Validation Check */
		/*[class*="inp-vld"] {position:relative;}
		[class*="inp-vld"] .inp-vld-txt {display:none; margin-top:12px; padding-left:14px; text-align:left; font-size:14px;}
		[class*="inp-vld"] .ic-ct-vld {display:none; position:absolute; right:0; top:0; width:var(--frm-h); height:var(--frm-h);}

		.inp-vld-err input[type="text"],
		.inp-vld-err input[type="password"] {border-color:#fe5050;}
		.inp-vld-err .inp-vld-txt {display:inherit; color:#fe5050;}
		.inp-vld-err .ic-ct-vld {display:inherit;}
		.inp-vld-err .ic-ct-vld:after {background-position:0 0; width:12px; height:12px;}

		.inp-vld-suc input[type="text"],
		.inp-vld-suc input[type="password"] {border-color:#38c976;}
		.inp-vld-suc .inp-vld-txt {display:inherit; color:#38c976;}
		.inp-vld-suc .ic-ct-vld {display:inherit;}
		.inp-vld-suc .ic-ct-vld:after {background-position:-50px 0; width:16px; height:11px;}

	/* Input - Search */
		/*[class*="inp-sch"] {position:relative;}
		[class*="inp-sch"] input[type="text"],
		[class*="inp-sch"] input[type="password"] {padding-right:var(--frm-h);}
		[class*="inp-sch"] > button,
		[class*="inp-sch"] > a {position:absolute; right:0; top:0; width:var(--frm-h); height:var(--frm-h);}
		[class*="inp-sch"] > button:before,
		[class*="inp-sch"] > a:before {content:""; position:absolute; left:50%; top:50%; background:var(--c-icon); background-size:var(--bgsize); background-position:-20.83vw -20.83vw; width:3.47vw; height:3.47vw; transform:translate(-50%, -50%);}
		[class*="inp-sch"] input:focus + button:before,
		[class*="inp-sch"] input:focus + a:before {background-position:-27.78vw -20.83vw;}

	/* Input - Date Picker */
		[class*="inp-date"] {position:relative;}
		[class*="inp-date"] button {position:absolute; right:0; bottom:0; width:var(--frm-h); height:var(--frm-h); text-indent:-1000vw;}
		[class*="inp-date"] button:before {content:""; position:absolute; left:50%; top:50%; background:var(--c-icon); background-position:-150px 0; background-size:var(--bgsize); width:12px; height:12px; transform:translate(-50%, -50%);}
		[class*="inp-date"] input:focus + button:before,
		[class*="inp-date"] button:focus:before {background-position:-150px 0;}

		.inp-date-wrap {display:flex; align-items: center; background:white; border:1px solid #e2e2e2; border-radius:var(--frm-br); color:var(--frm-fc); transition:border-color .3s;}
		.inp-date-wrap [class*="inp-date"] {flex:1; height:var(--frm-h);}
		.inp-date-wrap input {border:0; height:100%;}
		.inp-date-wrap .inp-date-in {display:flex; align-items: center; gap:5.28vw;}
		.inp-date-wrap.active {border-color:var(--main-color); transition:border-color .3s;}
		.inp-date-wrap > button,
		.inp-date-wrap > a {position:relative; width:var(--frm-h); height:var(--frm-h);}
		.inp-date-wrap > button:before,
		.inp-date-wrap > a:before {content:""; position:absolute; left:50%; top:50%; background:var(--c-icon); background-size:var(--bgsize); background-position:-20.83vw -20.83vw; width:3.47vw; height:3.47vw; transform:translate(-50%, -50%);}

		.ui-datepicker {background:white; border:1px solid var(--main-color);}
		.ui-datepicker .ui-datepicker-header {display:flex; justify-content:center; align-items:center; height:50px; padding:0;}
		.ui-datepicker .ui-datepicker-title {margin:0; font-weight:500; color:black;}
		.ui-datepicker .ui-datepicker-prev,
		.ui-datepicker .ui-datepicker-next {top:50%; transform:translate(0, -50%); cursor:pointer;}
		.ui-datepicker .ui-datepicker-prev:before,
		.ui-datepicker .ui-datepicker-next:before {content:""; position:absolute; left:50%; top:50%; background:var(--c-icon); background-position:-250px 0; background-size:var(--bgsize); width:15px; height:24px;}
		.ui-datepicker .ui-datepicker-prev {left:0;}
		.ui-datepicker .ui-datepicker-prev:before {transform:translate(-50%, -50%);}
		.ui-datepicker .ui-datepicker-next {right:0;}
		.ui-datepicker .ui-datepicker-next:before {transform:translate(-50%, -50%) rotate(180deg);}
		.ui-datepicker .ui-datepicker-calendar th {padding:0; font-weight:500;}
		.ui-datepicker .ui-datepicker-calendar td {padding:0; color:black;}
		.ui-datepicker .ui-datepicker-calendar td a,
		.ui-datepicker .ui-datepicker-calendar td span {margin:0 auto; padding:0; font-weight:500; text-align:center;}
		.ui-datepicker .ui-datepicker-calendar td span {color:#aaa;}
		.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {background:var(--main-color); border-radius:50%; color:white; width: 28px; line-height: 28px;}
		.ui-datepicker-calendar .ui-datepicker-today a {background:#add2c4; border-radius:50%; margin:0 auto; padding:0; width:28px; line-height:28px; color:white;}
		.ui-datepicker .ui-state-disabled {opacity:0.5;}
		.ui-datepicker th:first-child,
		.ui-datepicker td:first-child {color:red;}

		/*.ui-datepicker {left:50% !important; top:50% !important; background:white; border-radius:4.17vw; box-shadow:var(--bs-type01); width:90vw; margin-top:1px; transform:translate(-50%, -50%); z-index:var(--zidp);}

		.ui-datepicker .ui-datepicker-calendar {height:153px; color:#767676;}

		/* Inline */
		/*.inp-date .ui-datepicker {width:100vw; transform:translate(0, 0);max-width: 100%;}

	/* Input - Plus / Minus */
		.inp-pm {overflow:hidden; display:flex; align-items: center; border:1px solid #999; border-radius:4px; height:24px;}
		.inp-pm input[type="text"] {border:0; width:24px; height:24px; padding:0; font-size:12px; text-align:center;}

	/* Select (Nice Select Base) */
		/* Select Base (Nice Select Base) */
			[class*="sel-type"] .nice-select {overflow:hidden; float:none; position:relative; width:100%;}
			[class*="sel-type"] .nice-select.open {z-index:var(--zipslt);}
			[class*="sel-type"] .nice-select .list {overflow-y:auto; min-width:calc(100% + 2px); max-height:290px; margin:0 -1px; z-index:20;}
			[class*="sel-type"] .nice-select .list [class*="chk-rdo"] {width:100%;}
			[class*="sel-type"] .nice-select .option {min-height:var(--frm-h);}
			[class*="sel-type"] .nice-select .option:hover,
			[class*="sel-type"] .nice-select .option.selected {font-weight:400;}
			[class*="sel-type"] .nice-select:after {border:none; margin:0; transform:translate(0, -50%) rotate(0); transform-origin:center;}
			[class*="sel-type"] .nice-select .current {overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; width:100%; height:100%; font-size:var(--frm-fs); line-height:calc(var(--frm-h) - 2px);}
			[class*="sel-type"] .nice-select.open {overflow:visible;}
			[class*="sel-type"] .nice-select.open:after {transform:translate(0, -50%) rotate(180deg);}
			span[class*="sel-type"] .nice-select {display:inline-block; width:auto;}

			[class*="sel-type"].sel-revert .nice-select .list {top:auto; bottom:100%; border-radius:var(--frm-br) var(--frm-br) 0 0;}
			[class*="sel-type"].sel-revert .nice-select.open {border-radius:0 0 var(--frm-br) var(--frm-br);}

		/* Select Base Design (Nice Select Base) */
			[class*="sel-type"] .nice-select {border:var(--frm-bdr); border-radius:var(--frm-br); height:var(--frm-h); padding:0 42px 0 var(--frm-pad);}
			[class*="sel-type"] .nice-select .list {border-radius:0 0 var(--frm-br) var(--frm-br); border:1px solid var(--main-color); font-size:var(--frm-fs);}
			[class*="sel-type"] .nice-select .list [class*="chk-rdo"] {line-height:var(--frm-h);}
			[class*="sel-type"] .nice-select .list [class*="chk-rdo"] input:checked + span:after {top:19px;}
			[class*="sel-type"] .nice-select .option {padding:0 var(--frm-pad); line-height:var(--frm-h);}
			[class*="sel-type"] .nice-select .option:hover,
			[class*="sel-type"] .nice-select .option.selected {background:var(--main-light-color); color:var(--main-color);}
			[class*="sel-type"] .nice-select:after {right:16px; background:var(--c-icon); background-position:-150px -50px; background-size:var(--bgsize); width:12px; height:8px;}
			[class*="sel-type"] .nice-select.open {border-color:var(--main-color); border-radius:var(--frm-br) var(--frm-br) 0 0;}
			[class*="sel-type"] select[disabled] + .nice-select {background:#eee;}

	/* Textarea */
		textarea::placeholder{color:#ccc;}
		textarea {background:white; border:1px solid #e2e2e2; border-radius:var(--frm-br); min-height:120px; padding:var(--frm-pad); font-size:16px; color:#767676; resize:none; transition:border .3s ease;}

		[class*="ta-type"] {position:relative; border:1px solid #e7e7e7; background-color:#fff; border-radius:var(--frm-br); width:100%; padding:16px; font-size:16px; line-height:24px; color:#a7a7a7;}
		[class*="ta-type"] textarea {border:0; padding:0;}
		/*[class*="ta-type"] .ta-util {display:flex; gap:2.08vw; align-items:flex-end; justify-content:flex-end; font-size:3.33vw;}*/
		[class*="ta-type"].active {border-color:var(--main-color); transition:border .3s ease;}

		textarea[readonly],
		textarea[disabled],
		[class*="ta-type"][disabled],
		[class*="ta-type"][disabled] textarea {background:#f5f5f5;}

/* Grid Layout */
	[class*="gr-"] {display:grid;}

	/*.gr-gap-32 {gap:32px;}*/

	.gr-col-02 {grid-template-columns: 1fr 1fr;}
	.gr-col-03 {grid-template-columns: 1fr 1fr 1fr;}
	.gr-col-04 {grid-template-columns: 1fr 1fr 1fr 1fr !important;}

/* Height */
	[class*="-h80"] {height:80px;}

/* Icon */
	[class*="ic-"] {position:relative; display:flex; font-size:0;}
	[class*="ic-"]:before,
	[class*="ic-"]:after {content:""; display:inline-block; background:var(--icon); background-size:var(--bgsize); font-size:0;}
	[class*="ic-ct-"]:before,
	[class*="ic-ct-"]:after {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

/* Interval */
	.mt0 {margin-top:0 !important;}
	.mt8 {margin-top:8px !important;}
	.mt12 {margin-top:12px !important;}
	.mt16 {margin-top:16px !important;}
	.mt24 {margin-top:24px !important;}
	.mt28 {margin-top:28px !important;}
	.mt32 {margin-top:32px !important;}
	.mt40 {margin-top:40px !important;}
	.mt48 {margin-top:48px !important;}
	.mt72 {margin-top:72px !important;}
	.mt120 {margin-top:120px !important;}

	.ma {margin:0 auto;}

	.p16 {padding:16px;}

/* Line Height */
	.lh1 {line-height:1 !important;}
	.lh15 {line-height:1.5 !important;}

/* No */
	.no-bdr {border:none !important;}
	.no-bg {background:none !important;}
	.no-pad {padding:0 !important;}
	.no-lr-pad {padding-left:0 !important; padding-right:0 !important;}

/* No Data */
	[class*="no-data"] {display:flex; flex-direction:column; align-items:center; justify-content:center !important; width:100%; min-height:19.44vw;}
	[class*="no-data"]:before {content:""; display:block; background-image:var(--icon); background-repeat:no-repeat;}

/* Popup */
	/* Popup Default */
	[class*="pop-type"] {display:none; position:fixed; left:0; bottom:0; width:100%; background:rgba(0, 0, 0, .5); font-size:var(--init-fs); transform:translate(0, 100vh); transition:transform 0.3s ease;}
	[class*="pop-type"] .pop-contain {overflow:hidden; display:flex; flex-direction:column; position:absolute; left:50%; top:50%; background:white; max-height:var(--pop-maxh); transform:translate(-50%, -50%);}
	[class*="pop-type"] .pop-contain > * {flex:1;}
	[class*="pop-type"] .pop-head,
	[class*="pop-type"] .pop-foot {display:flex; z-index:10;}
	[class*="pop-type"] .pop-head {flex:0 0 var(--pop-hh);}
	[class*="pop-type"] .pop-head h1 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; width:100%; font-size:5vw; font-weight:700; line-height:1; color:black;}
	[class*="pop-type"] .pop-foot {flex:0 0 var(--pop-fh); justify-content: center; gap:20px; bottom:0; height:var(--pop-fh);}
	[class*="pop-type"] .pop-foot > button,
	[class*="pop-type"] .pop-foot > a {flex:1; height:100%; padding:0;}
	[class*="pop-type"] .pop-cont {max-height:var(--pop-maxh); padding:var(--pop-cont-hpad) 0;}
	[class*="pop-type"] .pop-cont-in {overflow-x:hidden; overflow-y:auto; padding:1px var(--pop-pad); max-height:var(--pop-cont-maxh);}
	[class*="pop-type"] .pop-cont-in > *:first-child {margin-top:0;}
	[class*="pop-type"] .pop-close {position:absolute; right:0; top:0; width:var(--pop-hh); height:var(--pop-hh); text-indent:-1000em; z-index:20;}
	[class*="pop-type"] .pop-close:before {content:""; position:absolute; left:50%; top:50%; background:var(--c-icon); background-position:-150px -300px; background-size:var(--bgsize); transform:translate(-50%, -50%);}

	[class*="pop-type"].active {display:block; left:0; top:0; transform:translate(0, 0); transition:transform 0.3s ease; z-index:var(--zipop);}
	[class*="pop-type"].video-full .pop-contain {width:100vw; height:100vh;}

	/* Popup Default Design */
	[class*="pop-type"] .pop-contain {border-radius:var(--pop-br); width:480px;}
	[class*="pop-type"] .pop-head {align-items: center; background:#f5f5f5; padding:0 var(--pop-pad);}
	[class*="pop-type"] .pop-head h1 {font-size:18px;}
	[class*="pop-type"] .pop-foot {padding:0 var(--pop-pad) var(--pop-cont-fpad);}
	[class*="pop-type"] .pop-foot > button,
	[class*="pop-type"] .pop-foot > a {font-size:18px;}
	[class*="pop-type"] .pop-close:before {width:18px; height:18px;}

	.pop-full {margin:0;}
	.pop-full .pop-cont {max-height:none; height:100vh;}
	.pop-full .pop-cont-in {height:var(--pop-maxh);}

/* Scroll */
	*::-webkit-scrollbar {background:var(--scr-bg1); width:var(--scr-w); height:var(--scr-w); border-radius:var(--scr-w);}
	*::-webkit-scrollbar-thumb {background:var(--scr-bg2); width:var(--scr-w); border-radius:var(--scr-w);}
	*::-webkit-scrollbar-track {border-radius:var(--scr-w);}

/* Scroll Box */
	.scr-both {overflow:auto;}
	.scr-ver {overflow:hidden; overflow-y:auto; max-height:100%;}
	.scr-hor {overflow:hidden; overflow-x:auto; width:100%; padding:0;}
	.scr-hor > * {white-space:nowrap;}

/* Scroll Fix */
	/*[data-scr-fix].fixed {position:fixed !important;}

/* Show / Hide */
	/*.hide {display:none !important;}

/* Swiper */
	[class*="swi-type"] .swiper {overflow:hidden; width:100%; height:100%;}
	[class*="swi-type"] .swiper-button-prev,
	[class*="swi-type"] .swiper-button-next {position:absolute; background-image:none; cursor:pointer; z-index:20;}
	[class*="swi-type"] .swiper-button-prev:after,
	[class*="swi-type"] .swiper-button-next:after {content:""; position:absolute; left:50%; top:50%; background:var(--icon); background-size:var(--bgsize); transform:translate(-50%, -50%);}
	[class*="swi-type"] .swiper-button-next:after {transform:translate(-50%, -50%) rotate(180deg);}
	[class*="swi-type"] .swiper-button-disabled {opacity:0.5;}
	[class*="swi-type"] .swiper-cont {position:absolute; left:0; top:0; width:100%; height:100%;}
	[class*="swi-type"] .swiper-slide {overflow:hidden;}
	[class*="swi-type"] .swiper-pagination {position:absolute; z-index:1;}
	[class*="swi-type"] .swiper-pagination .swiper-pagination-bullet {opacity:1; display:inline-block; background:#b3b3b3; width:8px; height:8px; border-radius:50%; margin:0 3.5px;}
	[class*="swi-type"] .swiper-pagination .swiper-pagination-bullet-active {opacity:1; background-color:var(--main-color);}
	[class*="swi-type"] .swiper-scrollbar {position:static; width:100%;}
	[class*="swi-type"] .swiper-scrollbar > * {height:100%;}
	[class*="swi-type"] .swiper-pagination-bullets.swiper-pagination-horizontal {width:auto;}
	[class*="swi-type"] .swiper-grid-column > .swiper-wrapper {display:flex; gap:0;}

/* Tab Menu */
	[class*="tab-wrap"] {position:relative;}
	[class*="tab-wrap"] [class*="tab-cont"] > * {display:none;}
	[class*="tab-wrap"] [class*="tab-cont"] > *.active {display:block;}
	[class*="tab-wrap"] [class*="tab-cont"] > * > *:first-child {margin-top:0;}

	[class*="tab-menu"] {display:flex; width:100%; text-align:center;}
	[class*="tab-menu"] > * > * {display:flex; justify-content:center; align-items:center; width:100%; height:100%; vertical-align:top;}
	[class*="tab-menu"].tab-eql > * {flex:1;}

/* Text */
	/*.tdu {text-decoration:underline;}
	.ttu {text-transform:uppercase;}

/* Thumb */
	[class*="thumb-"] {overflow:hidden; position:relative; display:inline-block; background-repeat:no-repeat; background-size:100% 100%;}
	[class*="thumb-"] img,
	[class*="thumb-"] video {position:absolute; left:50%; top:50%; min-width:calc(100% + 1px); min-height:calc(100% + 1px); transform:translate(-50%, -50%);}
	[class*="thumb-"]:before,
	[class*="thumb-"]:after {content:""; z-index:10;}

/* Title */
	[class*="tit-"] {font-weight:700; color:#111;}

/* Tooltip */
	/*[class*="tooltip-"] {display:flex; opacity:0; justify-content:flex-end; position:absolute; text-align:left; transform:translate(100vw, 0); word-break:break-all; z-index:50; transition:opacity .3s;}
	[class*="tooltip-"] .ttip-wrap {background:white;}
	[class*="tooltip-"] .ttip-wrap > * {position:relative;}
	[class*="tooltip-"].active {opacity:1; transform:translate(0, 0); transition:opacity .3s;}
	[class*="tooltip-"] .ttip-close {display:block; position:absolute; right:0; top:0; font-size:0;}
	[class*="tooltip-"] .ttip-close:before {content:""; position:absolute; left:50%; top:50%; background:var(--icon); transform:translate(-50%, -50%);}

/* Width */
	.wa {width:auto !important;}
	.w100 {width:100% !important;}