@charset "utf-8";
/* hanbom.com _ DA _ KimJuyeon _ 20240823 */
/* border-box */
div, article, aside, footer, header, hgroup, main, menu, nav, section,
h1, h2, h3, h4, h5, h6, p,
ul, ol, li,
nav, a, button,
label, input,
select, textarea,
span	{box-sizing: border-box;}

/* blind */
.blind,
.ico > span			{visibility: hidden; overflow: hidden; position: absolute; top: -1px; left: -1px; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index:-1;}

/* RWD */
@media all and (min-width: 769px){
	.only-mo{display: none !important;}
}
@media all and (max-width: 768px){
	.only-pc{display: none !important;}
}
@media all and (max-width: 1016px){
	.over-1016{display: none !important;}
}
@media all and (max-width: 960px){
	.over-960{display: none !important;}
}
@media all and (max-width: 575px){
	.over-535{display: none !important;}
}

/* a */
a,
a:link,
a:visited,
a:active,
a:hover			{text-decoration: none; color: inherit;}

/* image */
img {user-select: none;}

/* font weight */
strong,
.fw-700 {font-weight: 700}
.fw-800 {font-weight: 800}
.fw-500 {font-weight: 500}
.fw-400 {font-weight: 400}
.fw-300 {font-weight: 300}

/* font color */
.fc-fff			{color: #fff;}
.fc-000			{color: #000;}
.fc-444			{color: #444;}
.fc-888			{color: #888;}
.fc-68			{color: var(--light-gray-1);}
.fc-warning		{color: var(--check_no);}
.fc-ok,
.fc-blue		{color: var(--check_ok);}
.fc-red			{color: var(--red);}
.fc-pink		{color: var(--pink);}
.fc-pink-light	{color: var(--light-pink);}
.fc-green		{color: var(--pastel-green);}
.fc-yellow		{color: var(--yellow-);}
.fc-sky			{color: var(--sky);}

/* bg color */
.bg-fff			{background-color: #fff;}
.bg-000			{background-color: #000; color: #fff;}
.bg-pink		{background-color: var(--pink);}
.bg-pink-light	{background-color: var(--light-pink);}
.bg-sky			{background-color: var(--sky);}
.bg-yellow		{background-color: var(--yellow-);}
.bg-f0			{background-color: #f0f0f0;}
.bg-1c			{background-color: var(--gray-2); color: #fff;}
.bg-e3			{background-color: var(--light-gray-4);}
.bg-e4			{background-color: #e4e4e4;}

.gr-dark		{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 59.9%, rgba(0, 0, 0, 0.6) 100%);}
.gr-pink		{background: linear-gradient(90deg, #FFD8EC 38.94%, #F1D2FF 61.06%);}
.gr-blue		{background: linear-gradient(90deg, #C6DFFF 38.94%, #A5BEFF 61.06%);}


/* font size */
.fs-10			{font-size: 10px; letter-spacing: -.4px;}
.fs-11			{font-size: 11px; letter-spacing: -.11px;}
.fs-12			{font-size: 12px; letter-spacing: -.12px;}
.fs-14			{font-size: 14px; letter-spacing: -.28px;}
.fs-16			{font-size: 16px; letter-spacing: -.16px;}
.fs-18			{font-size: 18px; letter-spacing: -.18px;}
.fs-20			{font-size: 20px; letter-spacing: -.2px;}
.fs-24			{font-size: 24px; letter-spacing: -.24px;}
.fs-32			{font-size: 32px; letter-spacing: -.32px;}
.fs-220-110			{font-size: clamp(110px, 29.333vw, 220px); letter-spacing: clamp(-1.1px, -.293vw, -2.2px);}
.fs-120-60			{font-size: clamp(60px, 16vw, 120px); letter-spacing: clamp(-.6px, -.016vw, -1.2px);}
.fs-64-40			{font-size: clamp(40px, 10.667vw, 64px); letter-spacing: clamp(-.4px, -1.066vw, -.64px);}
.fs-64-36			{font-size: clamp(36px, 9.6vw, 64px); letter-spacing: clamp(-.36px, -.096vw, -.64px);}
.fs-64-32			{font-size: clamp(32px, 8.533vw, 64px); letter-spacing: clamp(-.32px, -.085vw, -.64px);}
.fs-48-40			{font-size: clamp(40px, 10.667vw, 48px); letter-spacing: clamp(-.4px, -1.066vw, -.48px);}
.fs-48-24			{font-size: clamp(24px, 6.4vw, 48px); letter-spacing: clamp(-.24px, -.064vw, -.48px);}
.fs-52-32			{font-size: clamp(32px, 8.533vw, 52px); letter-spacing: clamp(-.32px, -.085vw, -.52px);}
.fs-40-32			{font-size: clamp(32px, 8.533vw, 40px); letter-spacing: clamp(-.32px, -.085vw, -.4px);}
.fs-40-24			{font-size: clamp(24px, 6.4vw, 40px); letter-spacing: clamp(-.24px, -.064vw, -.4px);}
.fs-40-20			{font-size: clamp(20px, 5.333vw, 40px); letter-spacing: clamp(-.20px, -.053vw, -.4px);}
.fs-32-24			{font-size: clamp(24px, 6.4vw, 32px); letter-spacing: clamp(-.24px, -.064vw, -.32px);}
.fs-32-20			{font-size: clamp(20px, 5.333vw, 32px); letter-spacing: clamp(-.20px, -.053vw, -.32px);}
.fs-24-16			{font-size: clamp(16px, 4.267vw, 24px); letter-spacing: clamp(-.16px, -.042vw, -.24px);}
.fs-24-14			{font-size: clamp(14px, 3.733vw, 24px); letter-spacing: clamp(-.14px, -.037vw, -.24px);}
.fs-24-12			{font-size: clamp(12px, 3.2vw, 24px); letter-spacing: clamp(-.12px, -.032vw, -.24px);}
.fs-20-16			{font-size: clamp(16px, 4.267vw, 20px); letter-spacing: clamp(-.12px, -.042vw, -.24px);}
.fs-18-16			{font-size: clamp(16px, 4.267vw, 18px); letter-spacing: clamp(-.16px, -.042vw, -.18px);}
.fs-18-14			{font-size: clamp(14px, 3.733vw, 18px); letter-spacing: clamp(-.14px, -.037vw, -.18px);}
.fs-18-12			{font-size: clamp(12px, 3.2vw, 18px); letter-spacing: clamp(-.12px, -.032vw, -.18px);}
.fs-16-14			{font-size: clamp(14px, 3.733vw, 16px); letter-spacing: clamp(-.14px, -.037vw, -.16px);}
.fs-16-10			{font-size: clamp(10px, 2.667vw, 16px); letter-spacing: clamp(-.1px, -.026vw, -.16px);}
.fs-14-12			{font-size: clamp(12px, 3.2vw, 14px); letter-spacing: clamp(-.12px, -.032vw, -.28px);}
.fs-14-10			{font-size: clamp(10px, 2.667vw, 14px); letter-spacing: clamp(-.1px, -.026vw, -.28px);}
.fs-12-10			{font-size: clamp(10px, 2.667vw, 12px); letter-spacing: clamp(-.1px, -.026vw, -.12px);}
.fs-11-10			{font-size: clamp(10px, 2.667vw, 11px); letter-spacing: clamp(-.1px, -.026vw, -.11px);}
.fs-12-8			{font-size: clamp(8px, 2.133vw, 12px); letter-spacing: clamp(-.08px, -.021vw, -.12px);}

/* line-height */
.lh-100			{line-height: 1;}
.lh-110			{line-height: 1.1;}
.lh-120			{line-height: 1.2;}
.lh-130			{line-height: 1.3;}
.lh-140			{line-height: 1.4;}
.lh-150			{line-height: 1.5;}
.lh-160			{line-height: 1.6;}

/* title && text style */
.page-title				{font-size: clamp(40px, 10.667vw, 64px);}
.page-header			{padding: 80px 0;}
.page-title,
h2.fs-64-40,
h2.fs-40-24,
h3.fs-40-24,
legend.fs-32-24,
h2.fs-32,
h2.fs-24,
h3.fs-24,
h5.fs-20,
.section-title .fs-40-32,
.section-title .fs-40-24,
.section-title .fs-48-40	{font-weight: bold; color: #000;}
.title-wrap > [class*="pack-down"][class*="fs-"],
.section-title[class*="pack-down"]	{line-height: 1.2; gap: 0;}
.section-title .fs-48-40.under-line	{line-height: 1.4;}
.bg-000 h3.fs-40-24,
.bg-000 .section-title .fs-40-32,
.bg-000 .section-title .fs-40-24,
.bg-1c .section-title .fs-40-32		{color: #fff;}
.section-title .under-line[class*="fs-"]{
	background-image: linear-gradient(#000, #000);
	background-repeat: no-repeat;
	background-position: left 0 bottom 1px;
	background-size: 100% 2px;
}
.bg-000 .section-title .fs-48-40	{color: #fff;}
.bg-000 .section-title .fs-48-40.under-line,
.bg-000 .section-title .fs-32-24.under-line	{
	background-image: linear-gradient(#fff, #fff);
}
.page-title,
h2.fs-64-40,
h2.fs-48-40,
h3.fs-40-24,
h3.fs-48-40,
legend.fs-32-24,
h2.section-title			{line-height: 1.2}
.title-wrap.pack-both-bottom	{gap: 4px}
@media all and (min-width: 769px){
	.section-title.pack-down	{gap: 4px;}
	.title-wrap:has(.pack-right) h2.section-title	{padding-bottom: 10px;}
}

h2.fs-24,
h3.fs-24				{line-height: 1.5}
@media all and (max-width: 768px){
	.page-header			{padding: 40px 0;}
}

/* ellipsis */
.ellipsis							{display: block; overflow: hidden; text-overflow: ellipsis;}
.ellipsis:not([class*="line"])		{white-space: nowrap; -webkit-line-clamp: 1;}
.ellipsis[class*="line"]			{display: -webkit-box; -webkit-box-orient: vertical;}
.ellipsis.line2		{-webkit-line-clamp: 2;}
.ellipsis.line3		{-webkit-line-clamp: 3;}
.ellipsis.line4		{-webkit-line-clamp: 4;}

/* align */
.ta-c {text-align: center !important;}
.ta-l {text-align: left !important;}
.ta-r {text-align: right !important;}

/* opacity */
.op-60			{opacity: .6;}
.op-50			{opacity: .5;}
.op-40			{opacity: .4;}

/* text-decoration */
.underline		{text-decoration: underline;}

/* style */
.round			{border-radius: 40px;}
.round-20		{border-radius: 20px;}
.round-100vw	{border-radius: 100vw;}
.round-40-20	{border-radius: clamp(20px, 3.333vw, 40px);}


hr.line			{width: 100%; margin: 0; border-width: 1px 0 0; border-color: rgba(255, 255, 255, .3); }

/* badge */
.badge							{display: inline-flex;}
.badge.num						{width: clamp(40px, 10.667vw, 72px); aspect-ratio: 1 / 1; border-radius: 40px; text-align: center;justify-content: center;align-items: center;}
.badge.num.bg-sky				{color: #000;}
.badge.num.small				{width: clamp(40px, 10.667vw, 56px);}
.badge.num.bg-pink-light		{color: var(--black);}#bfafSwiper
.badge.num .fs-40-24			{margin-top: 5px;}

/* tag */
.tag			{display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; box-sizing: border-box;}
.tag[class*="view"] {width: clamp(64px, 17.067vw, 104px); height: clamp(64px, 17.067vw, 104px); }
.tag.view30		{background-image: url('../images/@ico/tag_30.png');}
.tag.view50		{background-image: url('../images/@ico/tag_50.png');}
.tag.view100	{background-image: url('../images/@ico/tag_100.png');}
.tag.view200	{background-image: url('../images/@ico/tag_200.png');}
.tag.view300	{background-image: url('../images/@ico/tag_300.png');}
.tag.view400	{background-image: url('../images/@ico/tag_500.png');}
.tag.view30.male	{background-image: url('../images/@ico/tag_30_m.png');}
.tag.view50.male	{background-image: url('../images/@ico/tag_50_m.png');}
.tag.view100.male	{background-image: url('../images/@ico/tag_100_m.png');}
.tag.view200.male	{background-image: url('../images/@ico/tag_200_m.png');}
.tag.view300.male	{background-image: url('../images/@ico/tag_300_m.png');}
.tag.view400.male	{background-image: url('../images/@ico/tag_500_m.png');}
.tag.hash			{width: auto; height: clamp(32px, 8.533vw, 46px); padding: 0 clamp(10px, 2.667vw, 20px); font-size: clamp(12px, 3.2vw, 14px); line-height: clamp(32px, 8.533vw, 46px); letter-spacing: clamp(-.12px, -.032vw, -.14px); background-color: var(--light-gray-5); color: #000; border-radius: 40px; white-space : nowrap;}
.tag-wrap:has(.hash)	{overflow: hidden; height: clamp(32px, 8.533vw, 46px); display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(4px, 1.067vw, 8px); white-space : nowrap;}

/* ico */
.ico			{display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-mask-size: cover; mask-size: cover;}
.ico.da-circle	{width: 52px; height: 52px; background-image: url('../images/@ico/ico_DA.svg');}
.ico.select-arr,
.ico.arr-top,
.ico.close,
.ico.folding-arr,
.ico.search,
.ico.plus-small,
.ico.download,
.ico.arrow,
.ico.plus,
.ico.plus-x,
.ico.follow		{background-color: var(--black);}
.ico.select-arr	{width: 20px; height: 20px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M16.4017 7.99449L10.7101 13.7081C10.5224 13.8965 10.2675 14.0023 10.0016 14.0023C9.73573 14.0023 9.48079 13.8965 9.29314 13.7081L3.60156 7.99449L5.0185 6.58301L10.0016 11.5854L14.9847 6.58301L16.4017 7.99449Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.arr-top	{width: 32px; height: 33px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.501 33.0001V1.00012H16.501V33.0001H15.501Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.001 0.317383L31.3535 15.7569L30.6484 16.466L16.001 1.73558L1.35354 16.466L0.648438 15.7569L16.001 0.317383Z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}
.ico.close	{width: 18px; height: 18px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M8.99734 10.2125L15.947 17.1621L17.1592 15.9499L10.2095 9.00027L17.6041 1.60574L16.3919 0.393555L8.99734 7.78809L1.60281 0.393555L0.390625 1.60574L7.78516 9.00027L0.835522 15.9499L2.0477 17.1621L8.99734 10.2125Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.folding-arr	{width: 13px; height: 9px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.50072 6.73191L0.88035 0.174805L0.121094 0.825596L6.50072 8.2685L12.8804 0.825597L12.1211 0.174805L6.50072 6.73191Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.search	{width: 24px; height: 22px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 16C12.866 16 16 12.866 16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16ZM9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0001 22L15.0001 15L16.4143 13.5858L23.4143 20.5858L22.0001 22Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.plus-small	{width: 6px; height: 6px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath d='M1.9322 6V4.02421H0V1.94673H1.9322V0H4.00969V1.94673H6V4.02421H4.00969V6H1.9322Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.download	{width: 22px; height: 20px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9999 11.0858L15.2928 6.79289L16.707 8.20711L10.9999 13.9142L5.29282 8.20711L6.70703 6.79289L10.9999 11.0858Z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12L10 2L12 2L12 12L10 12Z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 15L17 15V17H5V15Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.like	{width: clamp(20px, 5.333vw, 40px); height: clamp(20px, 5.333vw, 40px); ;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20.0016 10.0797C22.7143 3.28418 31.3614 2.38152 35.6611 6.39379C39.9588 10.4078 40.107 16.8006 36.1095 20.9704L19.9978 36L3.88986 20.9704C-0.107668 16.8006 0.0424295 10.3972 4.33825 6.39379C8.64167 2.38683 17.2857 3.28418 20.0016 10.0797Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.arrow	{width: 10px; height: 14px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.46332 6.99998L0.349121 1.75924L1.6507 0.240723L9.5365 6.99998L1.6507 13.7592L0.349121 12.2407L6.46332 6.99998Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.plus	{width: 10px; height: 14px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.23595 9.95595V6.69195H0.0439453V3.25995H3.23595V0.0439453H6.66795V3.25995H9.95595V6.69195H6.66795V9.95595H3.23595Z'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.plus-x	{width: 22px; height: 22px;
	-webkit-mask: url('../images/@ico/ico_plusx.svg') no-repeat 50% 50%;
			mask: url('../images/@ico/ico_plusx.svg') no-repeat 50% 50%;
	-webkit-mask-size: 100% 100%;
			mask-size: 100% 100%;
}
.ico.follow			{width: 22px; height: 22px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 14' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4638 6.99998L9.34961 1.75924L10.6512 0.240723L18.537 6.99998L10.6512 13.7592L9.34961 12.2407L15.4638 6.99998Z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 8H0V6H17V8Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
}
.ico.star			{width: clamp(14px, 3.733vw, 22px); height: clamp(14px, 3.733vw, 22px);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M9.85052 0.764948C10.0939 0.25355 10.5641 0 11.0344 0C11.5046 0 11.9061 0.25355 12.1495 0.764948L14.8431 6.45479L20.8697 7.36585C21.9505 7.52915 22.3836 8.91724 21.5999 9.71227L17.2397 14.1387L18.271 20.3915C18.4566 21.5131 17.3222 22.3683 16.357 21.8397L10.9296 18.7942L5.64302 21.8397C4.67777 22.3683 3.54339 21.5131 3.72902 20.3915L4.76027 14.1387L0.400145 9.71227C-0.383605 8.91724 0.0495196 7.52915 1.13027 7.36585L7.15689 6.45479L9.85052 0.764948Z' /%3E%3C/svg%3E") no-repeat 50% 50%; background-color: var(--light-gray-4);
}
.ico.star.half		{background: linear-gradient(90deg, #FFC403 50%, var(--light-gray-4) 50%);}
.ico.star.full		{background-color: #FFC403;}
.ico.cs				{width: 36px; height: 35px; background-image: url('../images/@ico/ico_cs.svg');}
.ico.kakao			{width: 36px; height: 35px; background-image: url('../images/@ico/ico_kakao.svg');}
.ico.phone			{width: 32px; height: 32px; background-image: url('../images/@ico/ico_phone.svg');}
.ico.here			{width: 32px; height: 32px; background-image: url('../images/@ico/ico_here.svg');}
.ico.close-quick	{width: 32px; height: 32px; background-image: url('../images/@ico/ico_close_quick.svg');}
.ico.circle-kakao	{width: 50px; height: 50px; background-image: url('../images/@ico/ico_circle_kakao.svg');}
.ico.circle-naver	{width: 50px; height: 50px; background-image: url('../images/@ico/ico_circle_naver.svg');}
.ico.drag			{width: 125px; height: 64px; background-image: url('../images/@ico/ico_drag.svg');}
.ico.youtube		{width: 68px; height: 48px; background-image: url('../images/@ico/ico_youtube.svg');}
.ico.youtube.small	{width: 44px; height: 31px;}
.ico.metro			{width: 56px; height: 56px; background-image: url('../images/@ico/ico_metro.svg');}
.ico.car			{width: 56px; height: 56px; background-image: url('../images/@ico/ico_car.svg');}
.ico.bus			{width: 56px; height: 56px; background-image: url('../images/@ico/ico_bus.svg');}
.ico.delete-x		{width: 14px; height: 14px; background-image: url('../images/@uio/btn_delete.svg');}
.ico.bg-fff			{background-color: #fff;}

@media all and (max-width: 768px){}


/* svg */
.blur-10			{backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}

/* svg */
[class*="svg-"]							{display: inline-flex;}
[class*="svg-"] [class*="fill-"]		{fill-rule: evenodd; clip-rule: evenodd;}
.svg-logo								{width: clamp(144px, 18.824vw, 210px);}

.svg-da-circle path.pink,
.svg-logo path.pink						{fill: var(--da-pink);}
.svg-da-circle path:not(.pink),
.svg-logo.white path:not(.pink)			{fill: #fff;}
.svg-logo:not(.white) path:not(.pink)	{fill: var(--da-blue);}
.svg-close								{width: 18px; height: 18px;}
.svg-36									{width: 36px; height: 36px;}
.svg-20									{width: 20px; height: 20px;}
.svg-hamburger							{width: 20px; height: 20px;}
[class*="svg-"] .fill-000				{fill: #000;}
.star-wrap.pack-left					{gap: clamp(3px, 0.8vw, 5px);}

/* img-wrap */
.img-wrap						{position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.img-wrap img,
.img-wrap picture				{display: block;width: 100%;}
.img-wrap .mask					{content: '';position: absolute;width: 100%;height: 100%;}
.img-wrap .mask:not([class*="pack-"])	{display: block;}
.img-wrap .blur-10.round		{position: absolute;right: 20px; bottom: 20px; display: block; width: fit-content; padding: 16px 20px 12px; background-color: rgba(255,255,255,.2);}
.img-wrap[class*="ratio-"]		{width: 100%;}
.img-wrap.ratio-1-1				{aspect-ratio : 1 / 1;}
.img-wrap.ratio-3-2				{aspect-ratio : 3 / 2;}
.img-wrap.ratio-5-4				{aspect-ratio : 5 / 4;}
.img-wrap.ratio-5-3				{aspect-ratio : 5 / 3;}
.img-wrap.ratio-8-5				{aspect-ratio : 8 / 5;}
.img-wrap.ratio-10-16			{aspect-ratio : 1 / 1.6;}
.img-wrap.ratio-16-9			{aspect-ratio : 16 / 9;}
.img-wrap.ratio-282-404			{aspect-ratio : 282 / 404;}
.img-wrap.ratio-282-502			{aspect-ratio : 282 / 502;}
.img-wrap.ratio-588-502			{aspect-ratio : 588 / 502;}
.img-wrap.ratio-588-534			{aspect-ratio : 98 / 89;}
.img-wrap.ratio-588-404			{aspect-ratio : 588 / 404;}
.img-wrap.ratio-488-404			{aspect-ratio : 588 / 404;}

.img-wrap[class*="circle"]				{clip-path: circle(50% at 50% 50%);	-webkit-clip-path: circle(50% at 50% 50%);}
.img-wrap[class*="-60"]					{width: 60px; height: 60px;}
.img-wrap[class*="circle"] img,
.img-wrap[class*="round"] img			{min-width: 100%; min-height: 100%;}
.img-wrap[class*="ratio-"] img,
.img-wrap img.centered					{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.img-wrap img.centered,
.img-wrap.hover-no .ico.youtube			{position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
a:hover .img-wrap.hover-no .ico.youtube	{background-image: url('../images/@ico/ico_youtube_on.svg');}
.img-wrap.circle						{border-radius: 50vw;}
.img-wrap.img-slider					{justify-content: flex-start;}
.img-wrap.youtube iframe				{position: absolute; width: 100%; height: 100%;}

/* vod-wrap  */
video			{display: block;}
.img-wrap video				{width: 100%;}
.img-wrap video.centered	{position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.img-wrap video.centered	{min-width: 100%; min-height: 100%; width: auto;}
@media all and (min-width: 751px){
	.img-wrap video.centered	{height: auto;}
}
@media all and (max-width: 750px){
	.img-wrap video.centered	{height: 100%;}
}

/* bfaf-drag-slider */
.bfaf-drag-slider				{position: relative; width: 100%; overflow: hidden;}
.bfaf-drag-slider .please-login	{padding: 80px 40px 20px; background: rgba(0,0,0,.6); color: #fff; text-align: center; line-height: 1.5;}
.hidden-box						{overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.hidden-photo					{position: absolute; height: 100%; overflow: hidden;}
.bfaf-drag-slider .hidden-photo .img-wrap	{width: auto; height: 100%;}
.bfaf-drag-slider .darg-handle {position: absolute; top: 50%; left: -63px; margin: 0; width: calc(100% + 126px); background-color: transparent; z-index: 2;	-webkit-appearance:none; -moz-appearance: none; appearance: none;transform: translateY(-50%);}
.bfaf-drag-slider .darg-handle::-webkit-slider-thumb {width: 125px; height: 64px; background: transparent url(../images/@ico/ico_drag.svg);	-webkit-appearance:none; -moz-appearance: none; appearance: none;}

/* tabs */
.tabs.swiper-wrapper			{}
.tabs:not(.swiper-wrapper)		{gap: 16px; padding-bottom: 20px;display: flex;justify-content: center;}
.tabs .btn.bdr-black			{height: 48px; padding: 16px 28px 12px; font-size: 16px; line-height: 1; gap: 4px; font-weight: 700;}
.tabs .btn.bdr-white			{height: 46px; padding: 16px 24px 12px; font-size: 14px; line-height: 1; box-shadow: 0 0 0 1px var(--light-gray-2) inset; color: var(--light-gray-2);}
.tab-content:not(.active)		{display: none;}
.tabs li.current .btn.bdr-black	{background-color: #000; color: #fff;}
.tabs li.current .btn.bdr-white	{box-shadow: none; background-color: #fff;color: #000;}
.tabs li.current .btn.bdr-black .fc-888	{color: inherit;}
.swiper.tabs-wrap				{overflow: hidden;}
.swiper .tabs li.swiper-slide	{width: fit-content;}
@media all and (max-width: 768px){
}
@media all and (max-width: 430px){
}

/* pack (flex layout) */
[class*="pack-"]				{gap: 8px;
	display: flex;
}
[class*="pack-"].gap-80-40			{gap: clamp(40px, 10.667vw, 80px);}
[class*="pack-"].gap-60-40			{gap: clamp(40px, 10.667vw, 60px);}
[class*="pack-"].gap-40-20			{gap: clamp(20px, 5.333vw, 40px);}
[class*="pack-"].gap-32-20			{gap: clamp(20px, 5.333vw, 32px);}
[class*="pack-"].gap-160			{gap: 160px;}
[class*="pack-"].gap-80				{gap: 80px;}
[class*="pack-"].gap-48				{gap: 48px;}
[class*="pack-"].gap-40				{gap: 40px;}
[class*="pack-"].gap-32				{gap: 32px;}
[class*="pack-"].gap-24				{gap: 24px;}
[class*="pack-"].gap-16				{gap: 16px;}
[class*="pack-"].gap-12				{gap: 12px;}
[class*="pack-"].gap-0				{gap: 0;}
[class*="pack-center"]				{text-align: center;justify-content: center;}
[class*="pack-both"],
.pack-down-both						{justify-content: space-between;}
[class*="pack-"][class*="-top"],
.pack-down-left						{align-items: flex-start;}
[class*="pack-"][class*="-bottom"],
.pack-down-right,
.pack-right-down					{align-items: flex-end;}
[class*="pack-"][class*="-list"]	{flex-wrap: wrap;}
[class*="pack-down"]				{flex-direction: column;}
.pack-center,
.pack-left,
.pack-right,
.pack-both,
.pack-down-center								{align-items:center;}
.pack-right,
.pack-right-down,
.pack-down-end									{justify-content:flex-end;}
.pack-left.has-bar								{gap:0;}
.pack-left.has-bar > span + span:before,
.pack-center.has-bar > span + span:before		{content:'';display:inline-block;}
.pack-left.has-bar > span + span:before			{width:2px;height:16px;margin:0 10px;background-color:rgba(0, 0, 0, 0.1);}
.pack-center.has-bar							{gap:40px;}
.pack-center.has-bar > span						{position:relative;display:block;}
.pack-center.has-bar > span + span:before		{position:absolute;left:-21px;top:50%;width:1px; height:11px; background-color:var(--light-gray-4);transform:translateY(-50%);}


/* swiper */
.swiper-btns.pack-left						{}
.swiper-btns .swiper-button-next,
.swiper-btns .swiper-button-prev			{position:static; margin:0;}
.swiper-button-next,
.swiper-button-prev							{width:48px; height:48px; border-radius:48px; background:#1c1c1c;}
.bg-1c .swiper-button-next,
.bg-1c .swiper-button-prev					{background:#000;}
.swiper-button-next::after,
.swiper-button-prev::after					{font-size:0; display:block; width:10px; height:14px;
	background-color: #fff;
	-webkit-mask: url('/img/common/swiper_arrow_mask.svg') no-repeat 50% 50%;
			mask: url('/img/common/swiper_arrow_mask.svg') no-repeat 50% 50%;
	-webkit-mask-size: contain;
			mask-size: contain;
}
.swiper-button-prev::after					{transform: scaleX(-1);}
.swiper-pagination-progressbar				{height: 7px; background-color: var(--gray-2); border-radius: 20px; overflow: hidden;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{display: block; background: var(--secondary);}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled	{opacity: 1;}
.swiper-button-next.swiper-button-disabled::after,
.swiper-button-prev.swiper-button-disabled::after	{background-color: var(--light-gray-3); }

.pagination-container						{position: absolute; bottom: 52px; width: 100%; height: fit-content;}
.pagination-container > .max-1200.pack-down	{gap: 16px;}
.pagination-container .swiper-pagination	{position: static; text-align: left;}
.pagination-container .swiper-pagination-bar.pack-left	{position: relative; gap: 4px; z-index: 20}
.swiper-pagination-bar .swiper-pagination-bullet		{display: block; border-radius: 0; background: #fff }
.swiper-slide:not(.img-wrap) img 						{display: block; min-width: 100%; min-height: 100%; object-fit: cover;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
@media all and (max-width: 768px){
	#mainSwiper .swiper-slide .text-wrap					{bottom: 80px;}
	.pagination-container .swiper-pagination-bar.pack-left	{position: absolute; left: 50%; top: 50%; width: 52%;justify-content: center;transform: translate(-50%, -50%);}
}
.swiper-pagination-bar .swiper-pagination-bullet	{max-width: 24px; height: 2px;flex: 1;}
.swiper-pagination-fraction							{color: #fff; font-family: "Orbitron"; font-size: 16px; font-weight: 800; letter-spacing: -0.16px;}
.swiper-container.card-swiper						{overflow: visible; width: 100%;}
.swiper-container.card-swiper .swiper-slide			{width: fit-content; height: fit-content; margin-right:24px;}
.swiper-container.card-swiper .item.photo-card		{width: revert;}

/* .figure-wrap */
.figure-wrap.swiper											{overflow: hidden;}
.figure-wrap.swiper.pack-down,
.figure-wrap.swiper .figure-wrap.pack-down					{gap: 16px;}
.figure-wrap.swiper .item.bfaf .swiper-txt					{position: absolute; left: 0; right: 0; top: calc(100% + 16px); padding: 0 22px;}
.figure-wrap.swiper:has(.tag.hash) .item.bfaf .swiper-txt	{line-height: 46px;}
.figure-wrap.swiper .item.bfaf .swiper-txt strong			{display: inline-block; width: 80px; text-align: center;}
.figure-wrap.swiper .figcaption								{padding: 0 22px;}
.figure-wrap.swiper .fnc-wrap								{position: relative; z-index: 2;}
.figure-wrap.swiper .fnc-wrap .btns.pack-both				{gap: 80px;}
.figure-wrap.swiper .fnc-wrap .btns .btn.swiper-button-disabled		{opacity: .5}


/* item */
.item																{position: relative;}
a.item:not([class*="pack-"])										{display: block;}
@media (hover: hover) {
	a.item .img-wrap:not(.hover-no) img,
	.item > a .img-wrap:not(.hover-no) img							{transition: transform 0.3s ease-in-out 0s;}
	a.item:hover .img-wrap:not(.hover-no) img:not(.centered),
	.item > a:hover .img-wrap:not(.hover-no) img:not(.centered)		{transform: scale(1.075);}
	 a.item:hover .img-wrap:not(.hover-no) img.centered,
	.item > a:hover .img-wrap:not(.hover-no) img.centered			{transform: translate(-50%, -50%) scale(1.075);}
}

/* please-login */
.please-login											{overflow: hidden; position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
.please-login.holography								{padding: clamp(18px, 2.4vw, 32px); background: var(--light-pink) url('../images/common/holography.png') no-repeat 50% 50%; background-size: cover; color: #000;}
.please-login.holography.male							{background-image: url('../images/common/holography_male.png');}
.please-login.holography .pack-down						{width: 100%; height: 100%; border: 1px solid #000; border-radius: 16px;}
.please-login.holography .img-wrap						{height: clamp(45px, 12vw, 80px); padding: 0  clamp(16px, 4.267vw, 24px); justify-content: revert; border-bottom: 1px solid #000;}
.please-login.holography .img-wrap img					{min-width: revert; min-height: revert; width: clamp(80px, 10.667vw, 132px); height: clamp(19px, 2.533vw, 32px);}
.please-login.holography .img-wrap + .pack-down-center	{gap: 20px; height: 77%;justify-content: center;}
.please-login.holography .btn							{gap: 8px;}
.please-login.holography .btn .fs-18-14					{line-height: 1;}
.please-login.holography .btn .ico						{margin-bottom: 4px;}

/* item.normal*/
.item.normal .img-wrap + .text-wrap:not(.bg-fff)		{margin-top: clamp(16px, 4.267vw, 24px);}
.item.normal .img-wrap .banner-text						{position: absolute; top: 0; bottom: 0; left: 0; width: 50%; padding: 20px;}
.item.normal .banner-text								{text-align: left;}
.item.normal .banner-text .text							{--text-size: 24px; font-size: var(--text-size); line-height: 1.2; font-weight: 700;}
.item.normal .banner-text .text.ellipsis				{height: calc((var(--text-size) * 1.2 ) * 7); overflow: hidden;}
.item.normal.round,
.item.normal .round										{border-radius: clamp(20px, 5.333vw, 40px);}
.item.normal:not(.box) .text-wrap:not(.bg-fff)			{padding: 0 10px;}
.item.normal .text-wrap.pack-down:not(.bg-fff)			{gap: 16px;}
.item .fs-18-14:not(.lh-100),
.item .fs-18-16:not(.lh-100)							{line-height: 1.6;}
.item .fs-18-14.ellipsis:not(.lh-100):not(.line2)		{height: clamp(22.4px, 5.973vw, 28.8px);}
.item .fs-18-14.ellipsis.line2:not(.lh-100)				{height: clamp(44.8px, 11.947vw, 57.6px);}
.item .fs-18-14.ellipsis.lh-100							{height: clamp(14px, 3.733vw, 18px);}
.item .fs-18-16:not(.line2)								{height: clamp(25.6px, 6.827vw, 28.8px);}
.item .fs-18-16.line2									{height: clamp(51.2px, 13.653vw, 57.6px);}
.item .ellipsis											{line-height: 1.2;}
.item.normal.box				{						padding: 40px; box-shadow: 0 0 0 1px var(--light-gray-5) inset; color: #000;}
.item.normalbox .text-wrap.pack-down					{gap: 0;}
.item.normal.box .text-wrap .text.ellipsis				{line-height: 1.6; height: calc((var(--base-font) * 1.6 ) * 3);}
.item.normal.box .text-wrap .text.ellipsis + .date		{margin-top: calc(40px - 16px);}
.item.normal.box:hover									{background: var(--light-blue);}
.item.normal.box:hover .fc-68							{color: var(--light-gray-2);}
.item.normal.vod										{display: block; width: 100%; max-width: clamp(218px, 58.133vw, 282px);}
.item.normal.vod .text-wrap.bg-fff						{padding: 16px 10px; text-align: center;}
.item.normal.vod .text-wrap.bg-fff .fs-18-14			{color: #000;}
@media all and (max-width: 768px){
	.item.normal.box									{padding: 24px 20px;}
	.item.normal.box .text-wrap.pack-down				{gap: 8px;}
	.item.normal.box .text-wrap .text.ellipsis			{font-size: 12px; height: calc((12px * 1.6 ) * 3);}
	.item.normal.box .text-wrap .text.ellipsis + .date	{margin-top: calc(16px - 8px);}
}
.item.normal.review							{overflow: hidden; width:  100%; max-width: clamp(160px, 42.667vw, 282px);}
.item.normal.review .text-wrap				{padding: clamp(16px, 4.267vw, 32px) clamp(16px, 4.267vw, 30px); gap: clamp(6px, 1.6vw, 12px);}
.item.normal.review .fs-14.ellipsis.lh-150	{height: 42px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
@media all and (max-width: 768px){
	.item.normal.review .fs-14.ellipsis.lh-150	{height: 84px; -webkit-line-clamp: 4;}
}
.item.normal.bfaf .fnc-wrap		{margin-top: 16px;}
.item.normal.bfaf .please-login	{}
.item.normal.event .taping		{padding: 8px 10px 2px; line-height: 1.2; margin-left: -10px; margin-right: -10px;}
/* item.qna*/
.item.qna									{padding: 0 40px; min-height: 29px;}
.item.qna .accordion-header.pack-both-top	{gap: 0 16px;}
.item.qna .cate								{width: 160px; line-height: 29px;}
.item.qna .icon-wrap						{width: 20px; height: 29px;}
.item.qna .accordion-header .fs-18-16		{width: calc(100% - 160px  - 16px - 20px - 16px);}
.item.qna .text-wrap						{padding: 50px calc(20px + 16px) calc(50px - 30px) calc(160px + 16px); line-height: 1.6}
.accordion-active .item.qna					{padding-top: 30px; padding-bottom: 30px; background: var(--light-blue);}
.accordion-active .item.qna .accordion-header .fs-18-16.ellipsis	{overflow: visible; height: fit-content; text-overflow: revert; white-space: revert;}
@media all and (min-width: 769px){
	.accordion-active .item.qna					{border-radius: 20px;}
}
@media all and (max-width: 768px){
	.item.qna									{padding: 0 20px;}
	.item.qna .accordion-header.pack-both-top	{flex-wrap: wrap;}
	.item.qna .accordion-header .fs-18-16		{width: calc(100% - 20px - 16px);}
	.item.qna .cate								{width: 100%; order: 3;}
	.item.qna .icon-wrap						{align-self: flex-end;}
	.item.qna .text-wrap						{padding: 40px 0 calc(40px - 30px);}
}
/* item.photo-card: 메인 팝업, 메인 셀피, 쇼츠 */
.item.photo-card								{overflow: hidden; display: block; width: 311px;}
.item.photo-card .img-wrap						{width: 100%; max-width: 311px; aspect-ratio : 311 / 440;}
.item.photo-card:not(.review) .text-wrap		{position: absolute; bottom: 0; left: 0; right: 0; padding: clamp(16px, 4.267vw, 20px);}
.item.photo-card .text-wrap.pack-down-center	{gap: 0;}
.item.photo-card .text-wrap .fs-24				{line-height: 1.2;}
.item.photo-card .text-wrap .fs-16				{line-height: 1.5;}
.item.photo-card .text-wrap .fs-14				{line-height: 1.5;}
.item.photo-card .text-wrap .fs-16 + .fs-14		{margin-top: 8px;}
.item.photo-card.selfie							{width: 100%;}
.item.photo-card.selfie							{max-width: clamp(160px, 42.667vw, 282px); aspect-ratio : 282 / 502; height: fit-content;}
.swiper-slide .item.photo-card.selfie			{width: clamp(160px, 42.667vw, 282px);}
.item.photo-card.selfie .img-wrap				{max-width: inherit; aspect-ratio : 282 / 502;}
.item.photo-card.selfie .text-wrap.bg-fff		{padding: clamp(16px, 4.267vw, 27px) clamp(16px, 4.267vw, 24px);}
.item.photo-card.selfie .text-wrap.pack-down.bg-fff			{gap: clamp(8px, 2.133vw, 12px);}
.item.photo-card.selfie .tag-wrap				{position: absolute; top: clamp(8px, 2.133vw, 20px); left: clamp(8px, 2.133vw, 20px);}
.item.photo-card.selfie .text-wrap.blur-10		{background-color: rgba(0,0,0,.2); padding-right: 72px;}
.item.photo-card.selfie .text-wrap.blur-10 .btn		{position: absolute; right: 20px; top: 50%; width: clamp(14px, 5.867vw, 38px); height: clamp(14px, 5.867vw, 38px); padding: 0; transform: translateY(-50%);}
.item.photo-card.selfie .text-wrap.blur-10 .btn .ico.follow			{width: clamp(14px, 4.267vw, 24px); height: clamp(14px, 4.267vw, 24px);}
@media all and (max-width: 768px){
	.item.photo-card.selfie .text-wrap.blur-10		{padding-right: 48px;}
	.item.photo-card.selfie .text-wrap.blur-10 .btn	{right: 16px;}
}

.item.photo-card.safety							{width: 100%; min-width: clamp(304px, 89.333vw, 486px); aspect-ratio : 1 / 1;}
.item.photo-card.safety .img-wrap				{max-width: revert; aspect-ratio : 1 / 1;}
.item.photo-card.safety .text-wrap				{padding: clamp(20px, 5.333vw, 40px);}
.item.photo-card.selfie .btn-wrap	{position: absolute; top: clamp(10px, 4.267vw, 20px); left: clamp(10px, 2.667vw, 20px);}
.item.photo-card.doctor .img-wrap				{max-width: revert; aspect-ratio : 384 / 532; background: #EFF2F3;}
.item.photo-card.doctor .img-wrap .gr-dark		{background: linear-gradient(180deg, rgba(239, 242, 243, 0) 54.54%, rgba(131, 131, 131, 0.9) 78.88%, #2F2F2F 100%);}
.item.photo-card.doctor .img-wrap .blur-10.round{top: 18px; left: 18px; right: revert; bottom: revert; background-color: rgba(0, 0, 0, .2);}
.item.photo-card.doctor .text-wrap				{padding: clamp(16px, 2.5vw, 30px); color: #fff;}
.item.photo-card.doctor .text-wrap.pack-down	{gap: 16px;}
.item.photo-card.doctor .text-wrap ul.pack-down.career li		{width: 100%; line-height: 1.2;}
.item.photo-card.doctor .pack-down.career		{gap: 4px;}
/* item.photo-card: 메인 팝업*/
.item.ranking									{display: block; width: 100%; max-width: clamp(277px, 73.867vw, 486px);}
.item.ranking .img-wrap							{aspect-ratio : 486 / 468;}
.item.ranking .text-wrap						{overflow: hidden; padding:  clamp(16px, 4.267vw, 30px) clamp(10px, 2.667vw, 20px);}
.item.ranking .text-wrap .bg-000				{overflow: hidden; display: block; width: fit-content; max-width: calc(100% - 180px); padding: clamp(6px, 1.6vw, 12px) clamp(6px, 1.6vw, 10px) clamp(4px, 1.067vw, 8px); white-space : nowrap;}
.item.ranking .badge.num 						{position: absolute; top: 4px; left: 4px;}
.item.ranking .price.pack-right-down			{gap: 0; width: 172px;}
.item.ranking .price .unit						{margin-bottom: 5px;}
.item.ranking.has-hover .img-wrap				{position: relative;}
.item.ranking.has-hover .img-wrap .hover-round,
.item.ranking.has-hover .img-wrap .hover-slice,
.item.ranking.has-hover .img-wrap .hover-arc	{position: absolute; display: block;}
.item.ranking.has-hover .img-wrap .hover-round,
.item.ranking.has-hover .img-wrap .hover-slice	{top: 0; left: 0; width: 100%; height: 100%;}
.item.ranking.has-hover .img-wrap .hover-arc	{top: clamp(14px, 3.733vw, 22px); left: 22px; width: calc(100% - 44px); aspect-ratio : 442 / 435; background-color: var(--light-pink);
	animation-delay: 150ms;
	-webkit-mask: url('../images/main_w/hover_round_text.svg') no-repeat 50% 50%;
			mask: url('../images/main_w/hover_round_text.svg') no-repeat 50% 50%;
	-webkit-mask-size: 100% 100%;
			mask-size: 100% 100%;
}
.item.ranking.has-hover .img-wrap .hover-slice + .hover-arc	{
	-webkit-mask: url('../images/main_m/hover_slice_text.svg') no-repeat 50% 50%;
			mask: url('../images/main_m/hover_slice_text.svg') no-repeat 50% 50%;
}
@media (hover: hover) {
	.item.ranking.has-hover .img-wrap,
	.item.ranking.has-hover .img-wrap .hover-round,
	.item.ranking.has-hover .img-wrap .hover-slice,
	.item.ranking.has-hover .img-wrap .hover-arc			{transition: all 150ms ease-out;}
	.item.ranking.has-hover .img-wrap .hover-arc			{opacity: 0;}
	.item.ranking.has-hover:has(.hover-round):hover .img-wrap img.centered,
	.item.ranking.has-hover:hover .img-wrap .hover-round	{border-radius: 400px 400px 0 0;}
	.item.ranking.has-hover:hover .img-wrap .hover-round,
	.item.ranking.has-hover:hover .img-wrap .hover-slice	{border: clamp(10px, 2.667vw, 17px) solid var(--light-pink); border-bottom: 0;}
	.item.ranking.has-hover:hover .img-wrap .hover-arc		{opacity: 1;}
	.item.ranking.has-hover:hover .img-wrap .hover-slice		{border-color: var(--sky);}
	.item.ranking.has-hover:hover .img-wrap .hover-slice:before,
	.item.ranking.has-hover:hover .img-wrap .hover-slice:after{position: absolute; content: ''; display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		transform: rotate(0deg);
	}
	.item.ranking.has-hover:hover .img-wrap .hover-slice:before{top: 0; left: 0;
		border-width: clamp(54px, 14.4vw, 106px) clamp(54px, 14.4vw, 106px) 0 0;
		border-color: var(--sky) transparent transparent transparent;
	}
	.item.ranking.has-hover:hover .img-wrap .hover-slice:after{right: 0; bottom: 0;
		border-width: 0 0 clamp(54px, 14.4vw, 106px) clamp(54px, 14.4vw, 106px);
		border-color: transparent transparent var(--sky) transparent;
	}
	.item.ranking.has-hover:hover .text-wrap.bg-sky + .badge.num	{background: transparent;}
	.item.ranking.has-hover:hover:has(.hover-round) .text-wrap.bg-sky + .badge.num	{opacity: 0}

	.male .item.ranking.has-hover:hover .img-wrap .hover-round	{border-color: var(--sky);}
}
@media (hover: none) {
	.item.ranking.has-hover:has(.hover-round) .img-wrap img.centered,
	.item.ranking.has-hover .img-wrap .hover-round			{border-radius: 400px 400px 0 0;}
	.item.ranking.has-hover .img-wrap .hover-round,
	.item.ranking.has-hover .img-wrap .hover-slice			{border: clamp(10px, 2.667vw, 17px) solid var(--light-pink); border-bottom: 0;}
	.item.ranking.has-hover .img-wrap .hover-arc			{opacity: 1;}
	.item.ranking.has-hover .img-wrap .hover-slice			{border-color: var(--sky);}
	.item.ranking.has-hover .img-wrap .hover-slice:before,
	.item.ranking.has-hover .img-wrap .hover-slice:after	{position: absolute;content: '';display: block;width: 0px;height: 0px;border-style: solid;transform: rotate(0deg);}
	.item.ranking.has-hover .img-wrap .hover-slice:before{top: 0; left: 0;
		border-width: clamp(54px, 14.4vw, 106px) clamp(54px, 14.4vw, 106px) 0 0;
		border-color: var(--sky) transparent transparent transparent;
	}
	.item.ranking.has-hover .img-wrap .hover-slice:after{right: 0; bottom: 0;
		border-width: 0 0 clamp(54px, 14.4vw, 106px) clamp(54px, 14.4vw, 106px);
		border-color: transparent transparent var(--sky) transparent;
	}
	.item.ranking.has-hover .text-wrap.bg-sky + .badge.num	{background: transparent;}
	#content.main.male .item.ranking.has-hover .img-wrap .hover-round	{border-color: var(--sky);}
}
@media all and (max-width: 768px){
	.item.ranking.has-hover .img-wrap .hover-arc	{left: 5%; width: 90%;}
	.item.ranking.has-hover .text-wrap.bg-sky + .badge.num	{top: 0; left: 0;}
	.item.ranking .text-wrap .bg-000				{max-width: calc(100% - 100px); }
	.item.ranking .price.pack-right-down			{gap: 0; width: 92px;}
}
li:nth-child(even) .item .bg-pink-light,
li:nth-child(even) .item .bg-sky														{background-color: var(--yellow-);}
li:nth-child(odd) .item.ranking.has-hover .img-wrap .hover-arc							{background-color: var(--light-pink);}
li:nth-child(even) .item.ranking.has-hover .img-wrap .hover-arc							{background-color: var(--yellow-);}
.male li:nth-child(odd) .item.ranking.has-hover .img-wrap .hover-arc,
.male li:nth-child(odd) .item.ranking.has-hover .img-wrap .hover-arc					{background-color: var(--sky);}
@media (hover: hover) {
	li:nth-child(even) .item.ranking.has-hover:hover .img-wrap .hover-round,
	li:nth-child(even) .item.ranking.has-hover:hover .img-wrap .hover-slice				{border-color: var(--yellow-);}
	li:nth-child(even) .item.ranking.has-hover:hover .img-wrap .hover-slice:before		{border-color: var(--yellow-) transparent transparent transparent;}
	li:nth-child(even) .item.ranking.has-hover:hover .img-wrap .hover-slice:after		{border-color: transparent transparent var(--yellow-) transparent;}
}
@media (hover: none) {
	li:nth-child(even) .item.ranking.has-hover .img-wrap .hover-round,
	li:nth-child(even) .item.ranking.has-hover .img-wrap .hover-slice			{border-color: var(--yellow-);}
	li:nth-child(even) .item.ranking.has-hover .img-wrap .hover-slice:before	{border-color: var(--yellow-) transparent transparent transparent;}
	li:nth-child(even) .item.ranking.has-hover .img-wrap .hover-slice:after		{border-color: transparent transparent var(--yellow-) transparent;}
}

/* bfaf-box */
.bfaf-box						{position: relative;}
.bfaf-box .ico.drag				{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


/* table common */
table							{overflow: hidden; width: 100%; border-collapse: collapse;}
table th,
table td						{vertical-align: middle}
table thead th					{text-align: center;}
table img 						{vertical-align: inherit;}
/* data-table */
.data-table						{line-height: 1.5; color: #000; }
.data-table thead				{border-top: 1px solid var(--sky); border-left: 1px solid var(--sky);}
.data-table tbody				{border-left: 1px solid var(--light-gray-4);}
.data-table thead th			{height: 40px; padding: 5px 0 2px; font-size: 14px; font-weight: 700; background: var(--light-blue); border-bottom: 1px solid var(--sky); border-right: 1px solid var(--sky);}
.data-table tbody td			{padding: 19px 14px 17px; font-size: 12px; border-bottom: 1px solid var(--light-gray-4); border-right: 1px solid var(--light-gray-4); text-align: center;}

/* data-list */
.data-list[class*="col-"]			{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.data-list[class*="col-"] li > a,
.data-list[class*="col-"] li > div		{width: 100%;}
.data-list[class*="col-"]				{--gapX: 24px; --gapY: 80px; gap: var(--gapY) var(--gapX);}
@media all and (max-width: 768px){
	.data-list[class*="col-"]				{--gapX: 15px; --gapY: 40px;}
}
@media all and (min-width: 1025px){
	.data-list.col-3 li						{width: calc((100% - var(--gapX)* 2)/3);}
	.data-list.col-4 li						{width: calc((100% - var(--gapX)* 3)/4);}
}
@media all and (min-width: 641px) and (max-width: 1024px){
	.data-list.col-3 li						{width: calc((100% - var(--gapX))/2);}
	.data-list.col-4 li						{width: calc((100% - var(--gapX)* 2)/3);}
}
@media all and (max-width: 640px){
	.data-list.col-3 li						{width: 100%;}
	.data-list.col-4 li						{width: calc((100% - var(--gapX))/2);}
}
.data-list.pack-down				{padding: 40px 0; gap: 40px;}
.data-list.pack-down li				{width: 100%;}
.data-list.bdr						{border-top: 1px solid var(--light-gray-4); border-bottom: 1px solid var(--light-gray-4);}

/* no-reslut */
.no-reslut				{padding: 60px 0; font-size: 18px; text-align: center;}
@media all and (max-width: 768px){
	.no-reslut			{padding: 40px 0;}
}

/*accordion*/
.js-accordion-switche								{cursor: pointer;}
.js-accordion-content								{display: none;}
.js-accordion-switche .svg-toggle					{transform: rotate(180deg);}
.accordion-active .js-accordion-switche .svg-toggle	{transform: rotate(0deg);}
.accordion-active .js-accordion-content				{display: block;}
.js-all-toggle:after {content: '열기';}
.js-all-toggle.active:after {content: '닫기';}

/*toggle-box*/
.toggle-box									{}
.toggle-box .btn.bdr-blue					{width:100%;height:67px;padding:20px;font-size:18px;font-weight:bold;justify-content:space-between;}
.toggle-box .btn.bdr-blue::after			{content:'' ;display: block;width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18 9-6 6-6-6' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");transition: all .2s ease-in-out;}
.toggle-box .btn.bdr-blue.active::after		{transform: rotate(-180deg);}
.toggle-content:not(.active)				{display: none;}
@media all and (min-width: 769px){
	.toggle-box .btn.bdr-blue				{box-shadow: 0 0 0 2px var(--secondary) inset;}
}
@media all and (max-width: 768px){
	.toggle-box .btn.bdr-blue				{height: 46px; padding: 10px 20px;}
}


/* article */
.article								{}
.article-header							{padding: 80px 0 40px;}
.article-header.pack-down				{gap: 40px;}
.article-header .fs-52-32				{line-height: 1.4;}
.article-body							{padding: 80px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; line-height: 1.6; color: #000;}
.article-body .img-wrap					{width: revert; max-width: 800px; margin: 0 auto;}
.article-body .img-wrap + p,
.article-body .img-wrap + div			{margin-top: 80px;}
@media all and (max-width: 768px){
	.article-header						{padding-top: 40px;}
}


/* terms */
.terms.bg-f4			{padding: 40px;}
.terms.pack-down		{gap: 32px;}
.terms .txt				{font-size: 16px;}
.terms h2,
.terms .txt h3			{font-weight: bold}
.terms .txt p			{color: var(--gary-03);}
.terms .txt h3 + p,
.terms .txt p + h3		{margin-top: 24px;}
.terms .data-table		{margin: 24px 0;}
.terms .txt p + p		{margin-top: calc(16px * 1.5);}
@media all and (max-width: 768px){
	.terms.bg-f4			{padding: 20px;}
	.terms.pack-down		{gap: 20px;}
	.terms .txt				{font-size: 14px;}
	.terms .txt h3 + p,
	.terms .txt p + h3		{margin-top: 20px;}
	.terms .data-table		{margin: 20px 0;}
	.terms .txt p + p		{margin-top: calc(14px * 1.5);}
}


/* contents size limit */
[class*="max-"]					{width: 100%; margin-left: auto; margin-right: auto;}
.max-1600						{max-width: 1600px;}
.max-1200						{max-width: 1200px;}
.max-992						{max-width: 992px;}
.max-590						{max-width: 590px;}
.max-375						{max-width: 375px;}
@media all and (max-width: 1680px){
	.max-1600						{padding-left: var(--gutter); padding-right: var(--gutter);}
}
@media all and (max-width: 1240px){
	.max-1200						{padding-left: 16px; padding-right: 16px;}
}
@media all and (max-width: 1032px){
	.max-992						{padding-left: var(--gutter); padding-right: var(--gutter);}
}
@media all and (max-width: 654px){
	.max-590						{padding-left: 32px; padding-right: 32px; }
}
@media all and (max-width: 439px){
	.max-375						{padding-left: 32px; padding-right: 32px; }
}

/* .outdent */
.outdent							{margin-left: calc( var(--gutter) * -1); margin-right: calc( var(--gutter) * -1);}
@media all and (max-width: 768px){
	.mo-outdent						{margin-left: calc( var(--gutter) * -1); margin-right: calc( var(--gutter) * -1);}
}

/* contents height size */
.vh-100								{height: var(--vh100);}
.min-vh-100							{min-height: var(--vh100);}


/*folding-box*/
.folding-box							{border: 1px solid var(--light-gray-4);}
.folding-header,
.folding-content						{padding-left: 40px; padding-right: 40px;}
.folding-header							{position: relative; padding-top: 40px; padding-bottom: 18px;}
.folding-header::after					{position: absolute; bottom: 1px; content: ''; display: block; width: calc(100% - 80px); background: var(--light-gray-5); height: 1px;}
.folding-content						{padding-top: 40px; padding-bottom: 20px;}
.folding-header > label.pack-left		{width: -webkit-fill-available;}
.folding-box .btn.js-folding-switche	{height: 24px; padding: 0 6px; gap: 10px;}
.folding-box .btn.folded .ico			{transform: rotate(-180deg);}
.folding-box:not(.folded) .btn .js-folded-txt,
.folding-box.folded .btn .js-unfold-txt	{display: none;}
.folding-box .folding-content			{padding-top: 20px;}
.folding-box.folded .folding-content	{overflow: hidden; height: 160px;}
.folding-box .terms						{padding-left: 0; padding-right: 0; line-height: 1.5;}


@media all and (max-width: 768px){
	.folding-header,
	.folding-content			{padding-left: 30px; padding-right: 30px;}
	.folding-header::after		{width: calc(100% - 60px);}
	.folding-header				{padding-top: 30px;}
	.folding-content			{padding-top: 20px; padding-bottom: 30px;}
	.folding-box:not(.folded) .folding-header	{position: sticky; top: var(--header); left: 0; width: 100%; z-index: 10; background: #fff; border-top: 1px solid var(--light-gray-4);}
}

/*scroll-wrap*/
.scroll-wrap				{border: 1px solid var(--light-gray-4); overflow: auto;}


/*sns-log*/
.sns-log	{margin-top: 72px;}
.sns-log.pack-down-center{gap: 16px;}


/*result-wrap*/
.result-wrap							{width: 100%;}
.result-wrap.pack-down					{gap: 24px;}
.result-box								{display: block; height: fit-content; padding: 40px 0px; background-color: var(--light-gray-5)}
.result-wrap .button-area				{margin-top: 0}


@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.marquee		{overflow: hidden; height: 64px;display: flex;align-items: center;font-size: 20px; font-weight: 500; letter-spacing: -0.2px; color: #fff;}
.marquee span	{text-transform: uppercase; will-change: transform; transform: translateX(0); white-space: nowrap;animation: marquee 8s linear infinite;}


/* margin */
.search-form + .list-wrap,
.search-form + .tabs-wrap,
.search-form + .tabs-wrap				{margin-top: 80px;}
.tabs-wrap + .list-wrap					{margin-top: 40px;}
@media all and (max-width: 768px){
	.search-form + .list-wrap,
	.search-form + .tabs-wrap				{margin-top: 40px;}
	.tabs-wrap + .list-wrap					{margin-top: 20px;}
}

.has-side					{display: flex;}

/* button color */
.btn.black					{background: #000; color: #fff;}
.btn.white					{background: #fff; color: #000;}
.btn.bdr-black				{box-shadow: 0 0 0 1px #000 inset; color: #000;}
.btn.bdr-white				{box-shadow: 0 0 0 1px #fff inset; color: #fff;}