@charset "UTF-8";

:root {
	--max-width: 960px;
	--color-white: #fff;
	--Grey-Light-0: #ffffff;
	--Grey-Light-50: #fafafa;
	--Grey-Light-100: #f5f5f5;
	--Grey-Light-200: #e5e5e5;
	--Grey-Light-300: #d4d4d4;
	--Grey-Light-400: #a3a3a3;
	--Grey-Light-500: #737373;
	--Grey-Light-600: #525252;
	--Grey-Light-700: #404040;
	--Grey-Light-800: #262626;
	--Grey-Light-900: #171717;
	--Grey-Light-1000: #000000;
	--Grey-Light-Alpha-50: rgba(0, 0, 0, 0.04);
	--Grey-Light-Alpha-100: rgba(0, 0, 0, 0.06);
	--Grey-Light-Alpha-200: rgba(0, 0, 0, 0.1);
	--Grey-Light-Alpha-300: rgba(0, 0, 0, 0.15);
	--Grey-Light-Alpha-400: rgba(0, 0, 0, 0.2);
	--Grey-Light-Alpha-500: rgba(0, 0, 0, 0.25);
	--Grey-Light-Alpha-600: rgba(1, 1, 1, 0.68);
	--Grey-Light-Alpha-700: rgba(0, 0, 0, 0.75);
	--Grey-Light-Alpha-800: rgba(3, 3, 3, 0.86);
	--Grey-Light-Alpha-900: rgba(0, 0, 0, 0.91);
	--Grey-Dark-0: #000000;
	--Grey-Dark-50: #0a0a0a;
	--Grey-Dark-100: #0f0f0f;
	--Grey-Dark-200: #191919;
	--Grey-Dark-300: #262626;
	--Grey-Dark-400: #333333;
	--Grey-Dark-500: #3d3d3d;
	--Grey-Dark-600: #525252;
	--Grey-Dark-700: #808080;
	--Grey-Dark-800: #a3a3a3;
	--Grey-Dark-900: #d1d1d1;
	--Grey-Dark-1000: #ffffff;
	--Grey-Dark-Alpha-50: rgba(255, 255, 255, 0.04);
	--Grey-Dark-Alpha-100: rgba(255, 255, 255, 0.06);
	--Grey-Dark-Alpha-200: rgba(255, 255, 255, 0.1);
	--Grey-Dark-Alpha-300: rgba(255, 255, 255, 0.15);
	--Grey-Dark-Alpha-400: rgba(255, 255, 255, 0.2);
	--Grey-Dark-Alpha-500: rgba(255, 255, 255, 0.25);
	--Grey-Dark-Alpha-600: rgba(248, 248, 248, 0.33);
	--Grey-Dark-Alpha-700: rgba(255, 255, 255, 0.5);
	--Grey-Dark-Alpha-800: rgba(255, 255, 255, 0.64);
	--Grey-Dark-Alpha-900: rgba(255, 255, 255, 0.82);
	--Neutral-Light-0: #ffffff;
	--Neutral-Light-50: #fafafa;
	--Neutral-Light-100: #f0f2f5;
	--Neutral-Light-200: #e4e6eb;
	--Neutral-Light-300: #bec2cc;
	--Neutral-Light-400: #A1A7B2;
	--Neutral-Light-500: #828A99;
	--Neutral-Light-600: #6C7380;
	--Neutral-Light-700: #575C66;
	--Neutral-Light-800: #41454D;
	--Neutral-Light-900: #2B2E33;
	--Neutral-Light-1000: #16171A;
	--Neutral-Dark-0: #0C0C0D;
	--Neutral-Dark-50: #101011;
	--Neutral-Dark-100: #141415;
	--Neutral-Dark-200: #171819;
	--Neutral-Dark-300: #1D1E1F;
	--Neutral-Dark-400: #2C2C2E;
	--Neutral-Dark-500: #373739;
	--Neutral-Dark-600: #505053;
	--Neutral-Dark-700: #828387;
	--Neutral-Dark-800: #C6C6C8;
	--Neutral-Dark-900: #E5E5E6;
	--Neutral-Dark-1000: #FCFCFD;
	--Neutral-Dark-Alpha-50: rgba(212, 212, 213, 0.02);
	--Neutral-Dark-Alpha-100: rgba(212, 212, 213, 0.04);
	--Neutral-Dark-Alpha-200: rgba(232, 252, 253, 0.05);
	--Neutral-Dark-Alpha-300: rgba(224, 237, 238, 0.08);
	--Neutral-Dark-Alpha-400: rgba(241, 241, 249, 0.14);
	--Neutral-Dark-Alpha-500: rgba(238, 238, 245, 0.19);
	--Neutral-Dark-Alpha-600: rgba(246, 246, 254, 0.29);
	--Neutral-Dark-Alpha-700: rgba(243, 245, 252, 0.51);
	--Neutral-Dark-Alpha-800: rgba(250, 250, 253, 0.78);
	--Neutral-Dark-Alpha-900: rgba(253, 253, 254, 0.9);
	--Deepblue-Light-50: #F1F5FE;
	--Deepblue-Light-100: #E5EEFF;
	--Deepblue-Light-200: #CCDDFF;
	--Deepblue-Light-300: #B3CCFF;
	--Deepblue-Light-400: #80AAFF;
	--Deepblue-Light-500: #4D88FF;
	--Deepblue-Light-600: #1A66FF;
	--Deepblue-Light-700: #003CB3;
	--Deepblue-Light-800: #070764;
	--Deepblue-Light-900: #040435;
	--Deepblue-Light-Alpha-50: rgba(229, 238, 255, 0.07);
	--Deepblue-Light-Alpha-100: rgba(204, 221, 255, 0.15);
	--Deepblue-Light-Alpha-200: rgba(179, 204, 255, 0.26);
	--Deepblue-Light-Alpha-300: rgba(128, 170, 255, 0.43);
	--Deepblue-Light-Alpha-400: rgba(77, 136, 255, 0.63);
	--Deepblue-Light-Alpha-500: rgba(26, 102, 255, 0.77);
	--Deepblue-Light-Alpha-600: rgba(0, 60, 179, 0.86);
	--Deepblue-Dark-50: #0E1120;
	--Deepblue-Dark-100: #151A32;
	--Deepblue-Dark-200: #1F2751;
	--Deepblue-Dark-300: #242F65;
	--Deepblue-Dark-400: #2D3E95;
	--Deepblue-Dark-500: #1734C4;
	--Deepblue-Dark-600: #1A66FF;
	--Deepblue-Dark-700: #80AAFF;
	--Deepblue-Dark-800: #CCDDFF;
	--Deepblue-Dark-900: #F1F5FE;
	--Deepblue-Dark-Alpha-50: rgba(112, 165, 255, 0.12);
	--Deepblue-Dark-Alpha-100: rgba(107, 157, 243, 0.21);
	--Deepblue-Dark-Alpha-200: rgba(97, 155, 255, 0.32);
	--Deepblue-Dark-Alpha-300: rgba(90, 148, 249, 0.41);
	--Deepblue-Dark-Alpha-400: rgba(77, 142, 255, 0.59);
	--Deepblue-Dark-Alpha-500: rgba(31, 143, 255, 0.76);
	--Deepblue-Dark-Alpha-600: rgba(20, 146, 255, 0.96);
	--Green-Light-50: #ECFDF5;
	--Green-Light-100: #D1FAE5;
	--Green-Light-200: #A7F3D0;
	--Green-Light-300: #6EE7B7;
	--Green-Light-400: #62D78C;
	--Green-Light-500: #41B871;
	--Green-Light-600: #3AA160;
	--Green-Light-700: #367C50;
	--Green-Light-800: #084938;
	--Green-Light-900: #093429;
	--Green-Light-Alpha-50: rgba(18, 230, 130, 0.08);
	--Green-Light-Alpha-100: rgba(13, 229, 118, 0.19);
	--Green-Light-Alpha-200: rgba(4, 221, 121, 0.35);
	--Green-Light-Alpha-300: rgba(1, 213, 129, 0.57);
	--Green-Light-Alpha-400: rgba(0, 163, 60, 0.57);
	--Green-Light-Alpha-500: rgba(1, 161, 65, 0.75);
	--Green-Light-Alpha-600: rgba(3, 135, 51, 0.78);
	--Green-Dark-50: #05241B;
	--Green-Dark-100: #053629;
	--Green-Dark-200: #064937;
	--Green-Dark-300: #065C42;
	--Green-Dark-400: #157A55;
	--Green-Dark-500: #3AA160;
	--Green-Dark-600: #41B870;
	--Green-Dark-700: #6ECB90;
	--Green-Dark-800: #D1FAE5;
	--Green-Dark-900: #ECFDF5;
	--Green-Dark-Alpha-50: rgba(36, 238, 177, 0.15);
	--Green-Dark-Alpha-100: rgba(23, 255, 193, 0.21);
	--Green-Dark-Alpha-200: rgba(20, 253, 191, 0.29);
	--Green-Dark-Alpha-300: rgba(15, 248, 178, 0.37);
	--Green-Dark-Alpha-400: rgba(43, 255, 177, 0.48);
	--Green-Dark-Alpha-500: rgba(91, 252, 150, 0.64);
	--Green-Dark-Alpha-600: rgba(89, 252, 153, 0.73);
	--Red-Light-50: #FFF5F6;
	--Red-Light-100: #FFE5E8;
	--Red-Light-200: #FFCCD1;
	--Red-Light-300: #FFADB6;
	--Red-Light-400: #FF7A88;
	--Red-Light-500: #FF475A;
	--Red-Light-600: #FF142D;
	--Red-Light-700: #CC0014;
	--Red-Light-800: #99000F;
	--Red-Light-900: #66000A;
	--Red-Light-Alpha-100: rgba(247, 13, 13, 0.12);
	--Red-Light-Alpha-200: rgba(250, 3, 3, 0.21);
	--Red-Light-Alpha-300: rgba(247, 5, 5, 0.36);
	--Red-Light-Alpha-400: rgba(242, 1, 1, 0.56);
	--Red-Light-Alpha-500: rgba(233, 2, 2, 0.74);
	--Red-Light-Alpha-600: rgba(214, 3, 3, 0.86);
	--Red-Dark-50: #291415;
	--Red-Dark-100: #3C181A;
	--Red-Dark-200: #481A1D;
	--Red-Dark-300: #541B1F;
	--Red-Dark-400: #671E22;
	--Red-Dark-500: #AA2429;
	--Red-Dark-600: #DC2626;
	--Red-Dark-700: #EF4444;
	--Red-Dark-800: #FECACA;
	--Red-Dark-900: #FEF2F2;
	--Red-Dark-Alpha-50: rgba(241, 118, 124, 0.17);
	--Red-Dark-Alpha-100: rgba(250, 100, 108, 0.24);
	--Red-Dark-Alpha-200: rgba(248, 90, 100, 0.29);
	--Red-Dark-Alpha-300: rgba(255, 82, 94, 0.33);
	--Red-Dark-Alpha-400: rgba(251, 73, 83, 0.41);
	--Red-Dark-Alpha-500: rgba(254, 54, 61, 0.67);
	--Red-Dark-Alpha-600: rgba(253, 44, 44, 0.87);
	--Yellow-Light-50: #FFFCE8;
	--Yellow-Light-100: #FFFBD1;
	--Yellow-Light-200: #FEF2A4;
	--Yellow-Light-300: #F9E68C;
	--Yellow-Light-400: #FFDE69;
	--Yellow-Light-500: #E8C751;
	--Yellow-Light-600: #F5D90A;
	--Yellow-Light-700: #F7CE00;
	--Yellow-Light-800: #946800;
	--Yellow-Light-900: #35290F;
	--Yellow-Light-Alpha-50: rgba(255, 225, 25, 0.1);
	--Yellow-Light-Alpha-100: rgba(255, 229, 13, 0.19);
	--Yellow-Light-Alpha-200: rgba(252, 219, 2, 0.36);
	--Yellow-Light-Alpha-300: rgba(242, 201, 5, 0.46);
	--Yellow-Light-Alpha-400: rgba(227, 179, 2, 0.58);
	--Yellow-Light-Alpha-500: rgba(222, 174, 3, 0.69);
	--Yellow-Light-Alpha-600: rgba(245, 216, 2, 0.97);
	--Yellow-Dark-50: #221A00;
	--Yellow-Dark-100: #2C2100;
	--Yellow-Dark-200: #352800;
	--Yellow-Dark-300: #493C00;
	--Yellow-Dark-400: #594A05;
	--Yellow-Dark-500: #C4A100;
	--Yellow-Dark-600: #F0C000;
	--Yellow-Dark-700: #F5D90A;
	--Yellow-Dark-800: #E4DB8B;
	--Yellow-Dark-900: #FFFAD1;
	--Yellow-Dark-Alpha-50: rgba(243, 186, 0, 0.14);
	--Yellow-Dark-Alpha-100: rgba(244, 183, 0, 0.18);
	--Yellow-Dark-Alpha-200: rgba(252, 190, 0, 0.21);
	--Yellow-Dark-Alpha-300: var(--Red-Light-Alpha-300);
	--Yellow-Dark-Alpha-400: rgba(254, 211, 14, 0.35);
	--Yellow-Dark-Alpha-500: rgba(255, 209, 0, 0.77);
	--Yellow-Dark-Alpha-600: rgba(253, 202, 0, 0.95);
	--Purple-Light-50: #F7EFFF;
	--Purple-Light-100: #EDDBFE;
	--Purple-Light-200: #DFBFFE;
	--Purple-Light-300: #C893FD;
	--Purple-Light-400: #AD60FA;
	--Purple-Light-500: #993BF6;
	--Purple-Light-600: #8825EB;
	--Purple-Light-700: #52297A;
	--Purple-Light-800: #3D2258;
	--Purple-Light-900: #2E1C40;
	--Purple-Light-Alpha-50: rgba(141, 26, 255, 0.07);
	--Purple-Light-Alpha-100: rgba(141, 26, 255, 0.15);
	--Purple-Light-Alpha-200: rgba(130, 9, 251, 0.26);
	--Purple-Light-Alpha-300: rgba(127, 4, 250, 0.43);
	--Purple-Light-Alpha-400: rgba(125, 3, 247, 0.63);
	--Purple-Light-Alpha-500: rgba(122, 0, 243, 0.77);
	--Purple-Light-Alpha-600: rgba(117, 2, 232, 0.86);
	--Purple-Dark-50: #160D1F;
	--Purple-Dark-100: #251633;
	--Purple-Dark-200: #381F52;
	--Purple-Dark-300: #452566;
	--Purple-Dark-400: #622D96;
	--Purple-Dark-500: #6D2CAD;
	--Purple-Dark-600: #8438D0;
	--Purple-Dark-700: #A868E8;
	--Purple-Dark-800: #DFBFFE;
	--Purple-Dark-900: #F7EFFF;
	--Purple-Dark-Alpha-50: rgba(169, 100, 238, 0.13);
	--Purple-Dark-Alpha-100: rgba(174, 105, 243, 0.21);
	--Purple-Dark-Alpha-200: rgba(176, 97, 255, 0.32);
	--Purple-Dark-Alpha-300: rgba(169, 90, 249, 0.41);
	--Purple-Dark-Alpha-400: rgba(166, 77, 255, 0.59);
	--Purple-Dark-Alpha-500: rgba(160, 65, 254, 0.68);
	--Purple-Dark-Alpha-600: rgba(161, 68, 254, 0.82);
	--background-surface: #FFFFFF;
	--background-light: #F7F8FA;
	--background-medium: var(--Neutral-Light-100);
	--background-200: var(--Neutral-Light-200);
	--background-contrast: var(--Neutral-Light-900);
	--background-canvas: #FFFFFF;
	--text-contrast: var(--Neutral-Light-0);
	--text-primary: var(--Neutral-Light-900);
	--text-secondary: var(--Neutral-Light-600);
	--text-hint: var(--Neutral-Light-400);
	--text-disabled: var(--Neutral-Light-300);
	--action-light: rgba(0, 0, 0, 0.05);
	--action-dark: var(--Neutral-Light-200);
	--action-disabled: var(--Neutral-Light-100);
	--border-light: var(--Neutral-Light-200);
	--border-dark: var(--Neutral-Light-300);
	--border-disabled: var(--Grey-Light-300);
	--divider: var(--Neutral-Light-100);
	--backdrop: rgba(10, 22, 33, 0.24);
	--accent-contrast: var(--Neutral-Light-0);
	--accent-background: var(--Deepblue-Light-100);
	--accent-primary: var(--Deepblue-Light-900);
	--accent-light: #002980;
	--accent-medium: var(--Neutral-Light-1000);
	--success-light: rgba(20, 253, 191, 0.29);
	--success-primary: var(--Green-Dark-700);
	--success-medium: var(---Green-Dark-600);
	--success-contrast: var(--Green-Light-50);
	--error-light: var(--Red-Light-100);
	--error-primary: var(--Red-Light-600);
	--error-medium: var(--Red-Light-500);
	--error-contrast: var(--Red-Light-900);
	--warning-light: var(--Yellow-Dark-Alpha-200);
	--warning-primary: var(--Yellow-Light-600);
	--warning-medium: var(--Yellow-Light-800);
	--warning-contrast: var(--Yellow-Light-900);
	--info-light: var(--Deepblue-Light-50);
	--info-primary: var(--Deepblue-Light-900);
	--info-medium: var(--Deepblue-Light-700);
	--info-contrast: var(--Deepblue-Light-800);
	--font-H1: 5rem;
	--font-H2: 3.75rem;
	--font-H3: 3rem;
	--font-H4: 2.25rem;
	--font-H5: 1.5rem;
	--font-H6: 1.25rem;
	--font-sh1: 1.125rem;
	--font-sh2: 1rem;
	--font-body1: 1rem;
	--font-body2: 0.875rem;
	--font-caption: 0.75rem;
	--font-overline: 0.688rem;
	--font-head: "Pretendard Variable", "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	--font-body: "Pretendard Variable", "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	--size-2: 0.125rem;
	--size-5: 0.3125rem;
	--size-6: 0.375rem;
	--size-8: 0.5rem;
	--size-9: 0.5625rem;
	--size-10: 0.625rem;
	--size-11: 0.6875rem;
	--size-12: 0.75rem;
	--size-13: 0.8125rem;
	--size-14: 0.875rem;
	--size-15: 0.9375rem;
	--size-16: 1rem;
	--size-18: 1.125rem;
	--size-20: 1.25rem;
	--size-22: 1.375rem;
	--size-24: 1.5rem;
	--size-25: 1.5625rem;
	--size-28: 1.75rem;
	--size-32: 2rem;
	--size-36: 2.25rem;
	--size-40: 2.5rem;
	--size-44: 2.75rem;
	--size-48: 3rem;
	--font-700: 700;
	--font-600: 600;
	--font-500: 500;
	--font-400: 400;
	--side-spacing-s: 0 16px;
	--side-spacing-l: 0 20px;
}

.blind { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }

@media screen and (min-width: 769px) {
	.only-mobile { display: none !important; }
}
@media screen and (max-width: 768px) {
	.only-pc { display: none !important; }
}

/* underline */
.txt_underline { text-decoration: underline; }
.underline { position: relative; }
.underline:after { display: block; position: absolute; left: 0; right: 0; bottom: -5px; width: 100%; height: 1px; background-color: #f27900; content: ""; }

/* :hover underline animate */
a.underline { }
a.underline:after { display: none; }
a.underline > span { position: relative; }
a.underline > span:before { display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #f27900; -webkit-transform: scaleX(0); transform: scaleX(0); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); content: ""; }
a.underline:hover > span:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

.hover-underline-animation {
	display: inline-block;
	position: relative;
	line-height: 1;
	color: #444;
}
.active.hover-underline-animation {
	color: #f27900;
}

.hover-underline-animation:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: #444;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.active.hover-underline-animation:after {
	background-color: #f27900;
}

.hover-underline-animation:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

/* font family */
.lang-eng { font-family:'Roboto'; }

/* font color */
.fc-red { color: #F64646 !important; }
.fc-pink { color: #fa3246 !important; }
.fc-orange { color: #FF8039 !important; }
.fc-yellow { color: #2c2a27 !important; }
.fc-black { color: #000 !important; }
.fc-dark { color: #333 !important; }
.fc-gray { color: #6B6B6B !important; }
.fc-gray50 { color: #666 !important; }
.fc-gray70 { color: #ccc !important; }
.fc-silver { color: #bcc0ca !important; }
.fc-white { color: #fff !important; }
.fc-sky { color: #f5f5fb !important; }
.fc-blue { color: #1768E1 !important; }

/* font size */
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }

/* font weight */
.fw-thin { font-weight: 100 !important; }
.fw-light { font-weight: 300 !important; }
.fw-regular { font-weight: 400 !important; }
.fw-mideum { font-weight: 500 !important; }
.fw-bold { font-weight: 700 !important; }
.fw-black { font-weight: 900 !important; }

/* margin pakage */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt80 { margin-top: 80px !important; }

/* padding pakage */
.pl25 { padding-left: 25px !important; }

/* cursor */
.cursor-p { cursor: help; }
.cursor-w { cursor: wait; }
.cursor-c { cursor: crosshair; }
.cursor-n { cursor: not-allowed; }
.cursor-z { cursor: zoom-in; }
.cursor-g { cursor: grab; }
.cursor-p { cursor: pointer; }
.cursor-d { cursor: default; }

/* float */
.f-left {float: left}
.f-right {float: right}
.f-none {float: none}

/* 타이틀 */
.page-title { margin-top: 80px; }
.page-title h3 { font-size: 36px; }
.page-title .desc { margin-top: 20px; font-size: 20px; color: #757575; }
@media screen and (max-width: 768px) {
	.page-title { margin-top: 40px; text-align: center; }
	.page-title h3 { font-size: 24px; }
}

.h1-title{ font-size: 38px; }
.h2-title{ font-size: 30px; }
.h3-title{ font-size: 33px; }
.h4-title{ position: relative; padding: 12px 0; font-size: 26px; }
.h4-title .button-area { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: auto; margin-top: 0; }
@media screen and (max-width: 768px) {
	.h4-title{ font-size:20px; }
}

.sec-title:first-child { margin-top: 0; }
.sec-title { position: relative; margin-top: 80px; }
.sec-title .desc { display: inline-block; margin-left: 4px; font-size: 14px; color: #999; }
.sec-title .btn-more { position: absolute; top: 0; right: 0; }
.sec-title .button-area { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: auto; margin-top: 0; }
.sec-title h3 { display: inline-block; font-size: 33px; }
.sec-title h4 { display: inline-block; font-size: 26px; }

.sec-title.line { padding-bottom: 12px; border-bottom: 1px #000 solid; }

.sec-title + * { margin-top: 16px !important; }

.sec-title .swiper-button-wrap { display: inline-flex; align-items: center; gap: 28px; margin-left: 33px; }
.sec-title .swiper-button-wrap .swiper-pagination { position: static; width: auto; font-size: 16px; color: #999999; }
.sec-title .swiper-button-wrap .swiper-pagination .swiper-pagination-total { color: #999999; }
.sec-title .swiper-button-wrap .swiper-pagination .swiper-pagination-current { color: #1D252D; }
.sec-title .swiper-button-wrap .swiper-button-prev,
.sec-title .swiper-button-wrap .swiper-button-next { display: inline-block; position: static; margin: 0; width: 24px; height: 24px; background-size: contain; }
.sec-title .swiper-button-wrap .controlBtn { margin-left: -12px; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
.sec-title .swiper-button-wrap .controlBtn.play { background-image: url("../images/ico/ico_play_white.svg"); }
.sec-title .swiper-button-wrap .controlBtn.pause { background-image: url("../images/ico/ico_pause_white.svg"); }

.sec-title  .search-form { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 0 64px 0 16px; min-width: 380px; background-color: #fff; border: 1px #E2E2E2 solid; }
.sec-title  .search-form select { border: none; }
.sec-title  .search-form select + input { width: auto !important; }
.sec-title  .search-form input[type='text'] { width: 100%; border: 0; background: transparent; }
.sec-title  .search-form .submit { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 24px; height: 24px; background: url("../images/ico/ico_search.svg") no-repeat 50% 50%; }
@media screen and (max-width: 768px) {
	.sec-title { margin-top: 40px; }
	.sec-title .desc { display: block; margin-left: 0; margin-top: 8px; font-size: 12px; }
	.sec-title .btn-more { top: 5px; }

	.sec-title h3 { font-size: 24px; }
	.sec-title h4 { font-size: 20px; }

	.sec-title .swiper-button-wrap { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-left: 0; }
	.sec-title .swiper-button-wrap .swiper-button-prev,
	.sec-title .swiper-button-wrap .swiper-button-next { width: 12px; height: 12px; }

	.sec-title  .search-form { position: static; transform: translateY(0); min-width: unset; margin-top: 20px; }
	.sec-title  .search-form select + input { width: calc(100% - 110px) !important; }
}

.page-desc { margin-top: 65px; text-align: center; font-size: 26px; color: #000; }
@media screen and (max-width: 768px) {
}

/* 태그 정렬 */
.align-area { overflow: hidden; margin-top: 80px; }
.align-area .right-area { float: right; }
.align-area .left-area { float: left; }
.align-area .center-area { text-align: center; }

/* text indent */
.txt-int10 { padding-left: 10px; text-indent: -10px; }
.txt-int15 { padding-left: 15px; text-indent: -15px; }
.txt-int20 { padding-left: 20px; text-indent: -20px; }

.txt-big { margin-top: 50px; text-align: center; color: #f82514; font-size: 18px; }


/* text align */
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.tc { text-align: center !important; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: normal; }

.block { position: relative; display: block; }
hr.block { height: 80px; }
@media screen and (max-width: 768px) {
	hr.block { height: 50px; }
}

.ui_tablet_show,
.ui_mobile_show { display: none !important; }
.ui_tablet_hide,
.ui_mobile_hide {  }
@media screen and (max-width: 1780px) {
	.ui_tablet_show { display: block !important; }
	.ui_tablet_hide { display: none !important; }
}
@media screen and (max-width: 768px) {
	.ui_tablet_show,
	.ui_mobile_hide { display: none !important; }
	.ui_mobile_show { display: block !important; }

	.ui_no_scroll { white-space: normal !important; }
	.ui_no_scroll li + li { margin-left: 0 !important; margin-top: 50px !important; }
}
.ui_lazy {
	opacity: 0;
	transform:translateY(50px);

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.ui_lazy.load {
	opacity: 1;
	transform:translateY(0px);
}
.ui_dim { opacity: 0; visibility: hidden; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); }
.ui_dim.show { -webkit-animation: dimShow 0.3s forwards; animation: dimShow 0.3s forwards; }
@-webkit-keyframes dimShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}
@keyframes dimShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

.ui_show { -webkit-animation: uiShow 0.3s forwards; animation: uiShow 0.3s forwards; }
@-webkit-keyframes uiShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}
@keyframes uiShow {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

/* button */
.button-area { display: flex; justify-content: center; align-items: center; gap: 12px; width: 100%; margin-top: 40px; }
.button-area.vertical { flex-direction: column; align-items: stretch; }
.button-area.flexStart { justify-content: flex-start; }
.button-area.auto .btn { flex: 1; }
.btn { position: relative; display: inline-block; text-align: center !important; border-style: solid; border-width: 1px; }
/* .btn + .btn { margin-left: 5px; } */
.btn.full { width: 100%; }
.btn.half { width: 50%; }
.btn.full + .btn.full { margin-left: 0; margin-top: 5px; }

.btn.lg { min-width: 160px; padding: 18px 32px 17px; }
.btn.medium { min-width: 160px; padding: 14px 16px 13px; }
.btn.sm { min-width: 96px; padding: 8px 20px; font-size: 16px; }
.btn.mini { min-width: 76px; padding: 4px 10px; font-size: 12px; }

.btn.black { background-color: #1D252D; border-color: #1D252D; color: #fff; }
.btn.blue { background-color: #1768E1; border-color: #1768E1; color: #fff; }
.btn.gray { background-color: #CCCCCC; border-color: #CCCCCC; color: #fff; }

.btn.black:hover { background-color: #333a42; border-color: #333a42; color: #fff; }
.btn.blue:hover { background-color: #2e77e4; border-color: #2e77e4; color: #fff; }
.btn.gray:hover { background-color: #d1d1d1; border-color: #d1d1d1; color: #fff; }

.btn.black:active { background-color: #1a2129; border-color: #1a2129; color: #fff; }
.btn.blue:active { background-color: #155ecb; border-color: #155ecb; color: #fff; }
.btn.gray:active { background-color: #e6e6e6; border-color: #e6e6e6; color: #fff; }

.btn.line.black { background-color: #fff; border-color: #1D252D; color: #404040; }
.btn.line.blue { background-color: #fff; border-color: #1768E1; color: #1768E1; }
.btn.line.gray { background-color: #fff; border-color: #BABABA; color: #404040; }

.btn.line.black:hover { background-color: #fff; border-color: #333a42; color: #666666; }
.btn.line.blue:hover { background-color: #fff; border-color: #2e77e4; color: #2e77e4; }
.btn.line.gray:hover { background-color: #fff; border-color: #d1d1d1; color: #666666; }

.btn.line.blue:active { background-color: #fff; border-color: #1768E1; color: #1768E1; }
.btn.line.black:active,
.btn.line.gray:active { background-color: #e6e6e6; border-color: #bababa; color: #404040; }

.btn .ico { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }
.btn .ico.ico-trash { background-image: url("../images/ico/ico_trash.svg"); }

.btn.mini .ico { margin-right: 4px; width: 12px; height: 12px; vertical-align: middle; }

.btn.disable { opacity: 0.2; cursor: default; }
.btn.active { background-color: #1D252D !important; border-color: #1D252D !important; color: #fff !important; }

.btn-more .ico { margin-left: 14px; width: 36px; height: 24px; border: 1px #000 solid; border-radius: 99em; vertical-align: -7px; background-image: url("../images/common/ico_arrow_right_black.svg"); background-size: 12px 12px; }

.ui_mode_dark .btn.dark { background-color: #17171b; border-color: #17171b; }
@media screen and (max-width: 768px) {
	.button-area { flex-wrap: wrap; margin-top: 20px; gap: 4px; }
	.button-area.vertical { flex-direction: row; }
	.button-area .btn { flex: 1; min-width: calc(33.3333% - 4px); }

	.btn-more { font-size: 11px; }
	.btn-more .ico { margin-left: 8px; width: 28px; height: 20px; }
}

/* form */
fieldset{border:0}
input,
textarea{ border: 1px #e2e2e2 solid;; }
input[type=text],
input[type=submit],
input[type=password],
input[type=number],
input[type=file]{ padding: 0 16px; margin: 0; height: 48px; vertical-align: middle; box-shadow: none; -webkit-appearance: none; ime-mode: inactive;}
input:read-only,
textarea:read-only { background-color:#E5E5E5; border-color: #E5E5E5; }
input[type=image]{border:none;background:none;}
input.date,
input.date:focus { background-image: url("../images/ico/ico_calendar.svg"); background-position: right 8px center; background-repeat: no-repeat; cursor: pointer; }

input[type=text]:focus,
input[type=password]:focus,
textarea:focus { border-color: #000; }

input[type=text]:read-only:focus,
input[type=password]:read-only:focus,
textarea:read-only:focus { border-color: #E5E5E5; }

.won { display: block; position: relative; }
.won input[type=number] { padding-right: 37px; text-align: right; }
.won:after { position: absolute; top: calc(50% + 1px); right: 16px; transform: translateY(-50%); content: "원"; }

input[type=text].error,
input[type=password].error,
input[type=number].error,
select.error,
textarea.error { color: #F64646; border-color: #F64646; background-color: #fff; }

.error::-webkit-input-placeholder {
	color: #F64646;
	font: inherit;
}
.error::-moz-placeholder {
	color: #F64646;
	font: inherit;
}
.error:-ms-input-placeholder {
	color: #F64646 !important;
	font: inherit;
}
.error:-moz-placeholder {
	color: #F64646;
	font: inherit;
}

.error-message { margin-top: 5px; color:#F64646; font-size: 12px; }
.error-message + .byte { display: none; }

textarea{ width: 100%; padding: 15px 16px 45px; margin: 0; }

.label { display: inline-block; position: relative; padding-left: 26px; vertical-align: middle; cursor: pointer; }
.label + .label { margin-left: 40px; }
.label .checkbox ,
.label .radio{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; vertical-align: middle; }
.label .checkbox input,
.label .radio input{ opacity: 0; position: absolute; left: 0; top: 0; width: 20px; height: 20px; padding:0 !important; z-index: 1; }
.label .checkbox input:checked,
.label .radio input:checked,
.label .checkbox input:focus,
.label .radio input:focus{ outline: none! important; }

.label .checkbox i,
.label .radio i { position: absolute; top: 0; left: 0; line-height: 0; }

.label .checkbox i:before,
.label .radio i:before { display: inline-block; width: 20px; height: 20px; border-radius: 99em; background: #fff; box-sizing: border-box; vertical-align: middle; border: 1px solid #C2C2C2; /* box-shadow: 0 1px 1px -1px #C2C2C2; */ content: ''; }

.label .checkbox input + i:after,
.label .radio input + i:after { position: absolute; content:''; }
.label .checkbox input + i:after { width: 9px; height: 6px; top: 6px; left: 6px; border: 2px solid #C2C2C2; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.label .radio input + i:after { width: 12px; height: 12px; top: 4px; left: 4px; border-radius: 100%; background: #fff; }

.label .checkbox input:checked + i:before { background:  #1768E1; border-color:#1768E1; }
.label .checkbox input:checked + i:after { border-color: #fff; }
.label .radio input:checked + i:before { background:  #fff; border-color:#1768E1; }
.label .radio input:checked + i:after { background: #1768E1; }

.label .checkbox input:disabled + i:before,
.label .radio input:disabled + i:before,
.label .checkbox input[disabled] + i:before,
.label .radio input[disabled] + i:before,
.label .checkbox input.disabled + i:before,
.label .radio input.disabled + i:before { border-color: #dbdbdb; background: #dbdbdb; }
.label .checkbox input:disabled + i:after,
.label .radio input:disabled + i:after,
.label .checkbox input[disabled] + i:after,
.label .radio input[disabled] + i:after,
.label .checkbox input.disabled + i:after,
.label .radio input.disabled + i:after{ /*opacity:0.5;*/ }

.label-default { display: inline-block; padding: 1px 6px 3px; font-size: 10px; color: #fff; background-color: #1D252D; border-radius: 2px; }
.label-num { display: inline-block; height: 22px; width: 22px; text-align: center; line-height: 20px; font-size: 10px; color: #fff; background-color: #999999; border-radius: 99em; }
.label-new { display: inline-block; margin-right: 5px; width: 16px; height: 16px; line-height: 14px; font-size: 10px; color: #fff; text-align: center; background-color: #FF8039; border-radius: 99em; }
.label-new:after { content: "N"; }
@media screen and (max-width: 768px) {
	.label-wrap { display: flex; flex-wrap: wrap; gap: 15px; }
	.label-wrap .label + .label { margin-left: 0; }

	.label + .label { margin-left: 20px; }
}

.file-upload { display: flex; gap: 10px; margin-top: -20px; }

.file-upload .file-upload-label { cursor: pointer; }
.file-upload .file-upload-label input { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }
.file-upload .file-upload-label .ico { display: inline-block; width: 60px; height: 60px; border: 1px #E2E2E2 solid; background: #fff url("../images/ico/ico_camera.svg") no-repeat 50% 50%; }

.file-upload .file-upload-list ul { display: flex; gap: 10px; }
.file-upload .file-upload-list ul li { position: relative; border: 1px #E2E2E2 solid; background-color: #F5F5F5; }
.file-upload .file-upload-list ul li .img { overflow: hidden; display: block; }
.file-upload .file-upload-list ul li .img img { width: 58px; height: 58px; object-fit: cover; }
.file-upload .file-upload-list ul li .del { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url("../images/ico/ico_circle_close.svg") no-repeat 50% 50%; }

/*
.label.hover input + i:before { border-color: #777 }
.label:hover .checkbox input + i:before,
.label:hover .radio input + i:before { border-color: #aaa;}

.label .checkbox input:focus + i:before,
.label .radio input:focus + i:before { border-color: #777 !important; }
*/

input.full,
textarea.full,
select.full{ width:100%;}

select { padding: 0 48px 0 16px; height: 48px; background: #fff url("../images/ico/ico_arrow_down.svg") no-repeat center right 16px; }

.filebox { position: relative; }
.filebox label { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 24px; height: 24px; background: url("../images/common/ico_media.svg") no-repeat 0 0; cursor: pointer; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

/* The switch - the box around the slider */
.chk-switch { position: relative; display: inline-block; padding-right: 32px; font-size: 12px; color: #999; }

/* Hide default HTML checkbox */
.chk-switch input { opacity: 0; width: 0; height: 0; }

/* The slider */
.chk-switch .slider { position: absolute; cursor: pointer; top: 50%; right: 0; transform: translateY(-50%); width: 28px; height: 16px; background-color: #1768E1; -webkit-transition: .4s; transition: .4s; }
.chk-switch .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.chk-switch input:checked + .slider { background-color: #1768E1; }
.chk-switch input:focus + .slider { box-shadow: 0 0 1px #1768E1; }
.chk-switch input:checked + .slider:before {   -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); }

/* Rounded sliders */
.chk-switch .slider.round { border-radius: 34px; }
.chk-switch .slider.round:before { border-radius: 50%; }

/* path */
.path { overflow: hidden; margin: 24px 0 -40px; }
.path a { float: left; color: #777; }
.path a:after { display: inline-block; margin-left: 2px; margin-right: 5px; vertical-align: 1px; content: "/"; }
.path a.current { color: #222; }
.path a.current:after { display: none; }
@media screen and (max-width: 768px) {
}

/* Pagnination */
.pagnination { margin-top: 80px; text-align: center; }
.pagnination .inner { overflow: hidden; display: inline-block; }

.pagnination a { float: left; width: 20px; height: 20px; line-height: 18px; color: #999; font-size: 14px; text-align: center; vertical-align: top;  }
.pagnination a + a { margin-left: 10px; }
.pagnination a.active { color: #000; text-decoration: underline; text-underline-offset: 5px; }

.pagnination .btn-page { background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px 16px; }
.pagnination .btn-page.first { margin-right: -6px; background-image: url("../images/common/ico_double_arrow_left_black.svg"); }
.pagnination .btn-page.prev { background-image: url("../images/common/ico_arrow_left_black.svg"); }
.pagnination .btn-page.next { background-image: url("../images/common/ico_arrow_right_black.svg"); }
.pagnination .btn-page.last { margin-left: 4px; background-image: url("../images/common/ico_double_arrow_right_black.svg"); }

.pagnination-more { margin-top: 40px; text-align: center; }
.pagnination-more button { padding: 13px 24px; background-color: #fff; border-radius: 99em; font-size: 14px; color: #4e5968; }
.pagnination-more button:after { display: inline-block; margin-left: 5px; width: 12px; height: 12px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("../images/common/mo_ico_arrow_02.png"); vertical-align: 1px; content: ""; }
@media screen and (max-width: 768px) {
	.pagnination { margin-top: 40px; }
}

/*****************************
layout
*****************************/
.ico { display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; font-style: normal; }
.ico-mini { width: 16px; height: 16px; vertical-align: -3px; }
.ico-outlink { background-image: url("../images/ico/ico_outlink.svg"); }

#header { min-width: 1380px; }
#header .header-top { padding: 18px 50px; border-bottom: 1px #e6e6e6 solid; }
#header .header-top-wrap { position: relative; width: 1280px; margin: 0 auto; }
#header .header-bottom { padding: 0 50px; border-bottom: 1px #ebebeb solid; }
#header .header-bottom-wrap { width: 1280px; margin: 0 auto; }
@media screen and (max-width: 768px) {
	#header { min-width: auto; }
	#header .header-top { padding: 20px 16px; }
	#header .header-top-wrap { width: auto; }
	#header .header-bottom { padding: 0; }
	#header .header-bottom-wrap { width: auto; }
}

#header .kovo-logo .store,
#header .kovo-logo .brand { display: inline-block; vertical-align: middle; line-height: 0; }
#header .kovo-logo .store a { display: block; width: 195px; height: 60px; background: url("../images/common/logo.png") no-repeat 0 0; }
#header .kovo-logo .brand { position: relative; margin-left: 12px; padding-left: 13px; }
#header .kovo-logo .brand a { font-size: 17.5px; color: #777; line-height: 1; }
#header .kovo-logo .brand:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 16px; background-color: #777; content: ""; }
@media screen and (max-width: 768px) {
	#header .kovo-logo .store a { display: block; width: 78px; height: 24px; background-image: url("../images/common/logo_mobile.png"); background-size: contain; }
	#header .kovo-logo .brand { margin-left: 7px; }
	#header .kovo-logo .brand a { font-size: 12px; }
	#header .kovo-logo .brand:before { height: 100%; }
}

#header .snb { position: absolute; top: 5px; right: 0; }
#header .snb ul li { float: left; }
#header .snb ul li + li { margin-left: 6px; }
#header .snb a { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 99em; }
#header .snb a:hover { background-color: #F2F2F2; }
#header .snb .ico.search { width: 24px; height: 24px; background-image: url("../images/ico/ico_search.svg"); }
#header .snb .ico.login { background-image: url("../images/ico/ico_login.svg"); }
#header .snb .ico.logout { background-image: url("../images/ico/ico_logout.svg"); }
#header .snb .ico.mypage { background-image: url("../images/ico/ico_mypage.svg"); }
#header .snb .ico.coupon { position: relative; background-image: url("../images/ico/ico_coupon.svg"); }
#header .snb .ico.coupon .coupon-count { position: absolute; top: 0; right: 0; min-width: 13px; height: 13px; padding: 0 2px; font-size: 10px; color: #fff; text-align: center; line-height: 12px; background-color: #DC4848; border-radius: 99em; }
#header .snb .ico.cart { position: relative; background-image: url("../images/ico/ico_cart.svg"); }
#header .snb .ico.cart .cart-count { position: absolute; top: 0; right: 0; min-width: 13px; height: 13px; padding: 0 2px; font-size: 10px; color: #fff; text-align: center; line-height: 12px; background-color: #DC4848; border-radius: 99em; }
@media screen and (max-width: 768px) {
	#header .snb { top: 50%; transform: translateY(-50%); }
	#header .snb ul li + li { margin-left: 0; }
	#header .snb a { width: 40px; height: 40px; }
	#header .snb .ico { background-size: 24px 24px; }
}
@media screen and (max-width: 320px) {
	#header .snb ul li { display: none; }
	#header .snb ul li:first-child { display: block; }
}

#header .gnb { display: flex; }
@media screen and (max-width: 768px) {
	#header .gnb { display: flex; }
}

#header .gnb .allMenu { position: relative; padding: 17px 0 16px; width: 72.5px; text-align: center; }
#header .gnb .allMenu .ico-menu { display: inline-block; width: 60px; height: 60px; background-repeat: no-repeat; background-position: 50% 50%; }
#header .gnb .allMenu .allMenu_open .ico-menu { background-image: url("../images/ico/ico_menuX60.svg"); }
#header .gnb .allMenu .allMenu_close .ico-menu { background-image: url("../images/ico/ico_closeX60.svg"); }
#header .gnb .allMenu .name { display: block; line-height: 1; }
#header .gnb .allMenu .allMenu_open .name:before { content: "메뉴"; }
#header .gnb .allMenu .allMenu_close .name:before { content: "닫기"; }

#header .gnb .allMenu .allMenu_close +  .allMenu-sub { display: block; }

#header .gnb .allMenu-sub { display: none; position: absolute; top: 100%; left: 0; z-index: 30; width: 200px; border: 1px #ebebeb solid; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); }

#header .gnb .allMenu-sub .allMenu-sub-header,
#header .gnb .allMenu-sub .allMenu-sub-tabMenu,
#header .gnb .allMenu-sub .allMenu-team-menu { display: none; }
@media screen and (max-width: 768px) {
	#header .gnb .allMenu { padding: 12px 0 16px; width: 56px; }
	#header .gnb .allMenu:after { position: absolute; top: 12px; right: 0; width: 1px; height: calc(100% - 28px); background-color: #ebebeb; content: ""; }
	#header .gnb .allMenu .ico-menu { width: 40px; height: 40px; background-size: contain; }
	#header .gnb .allMenu .name { font-size: 10px; }

	#header .gnb .allMenu .allMenu_close +  .allMenu-sub { display: block; }

	#header .gnb .allMenu-sub { width: 100vw; border-width: 1px 0 0 0; text-align: left; }

	#header .gnb .allMenu-sub .allMenu-sub-header,
	#header .gnb .allMenu-sub .allMenu-sub-tabMenu,
	#header .gnb .allMenu-sub .allMenu-team-menu { display: block; }

	#header .gnb .allMenu-sub .allMenu-sub-tabContent { overflow: hidden; overflow-y: scroll; height: calc(100vh - 392px); }
}

#header .gnb .allMenu-sub .allMenu-ctg-menu a { display: block; padding: 16px 24px; font-size: 16px; color: #1D252D; text-align: left; }
#header .gnb .allMenu-sub .allMenu-ctg-menu a:hover,
#header .gnb .allMenu-sub .allMenu-ctg-menu .current a { background-color: #F5F5F5; }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico { width: 24px; height: 24px; margin-right: 10px; vertical-align: -6px; }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.uniform { background-image: url("../images/ico/ico_uniform.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.cloth { background-image: url("../images/ico/ico_cloth.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.cap { background-image: url("../images/ico/ico_cap.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.ball { background-image: url("../images/ico/ico_ball.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.stick { background-image: url("../images/ico/ico_stick.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.accessory { background-image: url("../images/ico/ico_accessory.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.cp { background-image: url("../images/ico/ico_cp.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.etc { background-image: url("../images/ico/ico_etc.svg"); }
#header .gnb .allMenu-sub .allMenu-ctg-menu .ico.community { background-image: url("../images/ico/ico_community.svg"); }
@media screen and (max-width: 768px) {
	#header .gnb .allMenu-sub .allMenu-ctg-menu { padding: 12px 16px; }
	#header .gnb .allMenu-sub .allMenu-ctg-menu ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
	#header .gnb .allMenu-sub .allMenu-ctg-menu ul li { width: calc(25% - 16px); }
	#header .gnb .allMenu-sub .allMenu-ctg-menu a { display: block; padding: 12px 0; width: 100%; height: 75px; font-size: 16px; color: #1D252D; text-align: center; }
	#header .gnb .allMenu-sub .allMenu-ctg-menu a:hover,
	#header .gnb .allMenu-sub .allMenu-ctg-menu .current a { background-color: #F5F5F5; }
	#header .gnb .allMenu-sub .allMenu-ctg-menu .ico { display: block; width: 100%; margin-bottom: 10px; margin-right: 0; vertical-align: unset; }
}

#header .gnb .allMenu-sub .allMenu-sub-header { padding: 32px 16px; background-color: #F5F5F5; }
#header .gnb .allMenu-sub .allMenu-sub-header .my-status { font-size: 16px; }
#header .gnb .allMenu-sub .allMenu-sub-header .my-status a { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; vertical-align: -6px; }
#header .gnb .allMenu-sub .allMenu-sub-header .my-status a.logout { background-image: url("../images/ico/ico_logout.svg"); }
#header .gnb .allMenu-sub .allMenu-sub-header .my-status a.login { background-image: url("../images/ico/ico_login.svg"); }

#header .gnb .allMenu-sub .allMenu-sub-header .my-menu { margin-top: 40px; }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul { display: flex; justify-content: space-between; }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul li a { font-size: 12px; }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul li a .ico { display: block; margin: 0 auto; }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul li a .ico.mypage { background-image: url("../images/ico/ico_mypage.svg"); }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul li a .ico.coupon { background-image: url("../images/ico/ico_coupon.svg"); }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul li a .ico.cart { background-image: url("../images/ico/ico_cart.svg"); }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul li a .ico.favorite { background-image: url("../images/common/ico_favorite.svg"); }
#header .gnb .allMenu-sub .allMenu-sub-header .my-menu ul li a .count { color: #0063F6; }

#header .gnb .allMenu-sub .allMenu-sub-tabMenu { margin-top: 20px; border-bottom: 1px #ebebeb solid; }
#header .gnb .allMenu-sub .allMenu-sub-tabMenu ul { overflow: hidden; padding: 0 16px; }
#header .gnb .allMenu-sub .allMenu-sub-tabMenu ul li { float: left; width: 50%; text-align: center; }
#header .gnb .allMenu-sub .allMenu-sub-tabMenu ul li a { position: relative; display: block; height: 40px; line-height: 38px; }
#header .gnb .allMenu-sub .allMenu-sub-tabMenu ul li a:after { position: absolute; bottom: 0; left: 0; width: 0; height: 4px; background-color: #000; content: ""; }
#header .gnb .allMenu-sub .allMenu-sub-tabMenu ul li a.active:after { width: 100%; }

#header .gnb .allMenu-sub .allMenu-team-menu { width: 100%; padding: 12px 16px; }
#header .gnb .allMenu-sub .allMenu-team-menu ul { width: 100%; }
#header .gnb .allMenu-sub .allMenu-team-menu > ul > li { border-bottom: 1px #E2E2E2 solid; }
#header .gnb .allMenu-sub .allMenu-team-menu > ul > li > a { position: relative; display: block; height: 60px; line-height: 58px; }
#header .gnb .allMenu-sub .allMenu-team-menu > ul > li > a:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 16px; height: 16px; background: url("../images/ico/ico_arrow_down.svg") no-repeat 0 0; content: ""; }
#header .gnb .allMenu-sub .allMenu-team-menu > ul > li > a.active:after { background-image: url("../images/ico/ico_arrow_up.svg"); }
#header .gnb .allMenu-sub .allMenu-team-menu > ul > li > a.active + ul { display: block; }

#header .gnb .allMenu-sub .allMenu-team-menu ul li ul { display: none; padding: 20px; }
#header .gnb .allMenu-sub .allMenu-team-menu ul li ul li + li { margin-top: 20px; }
#header .gnb .allMenu-sub .allMenu-team-menu ul li ul li a { font-size: 12px; }

#header .gnb .team-menu { display: flex; justify-content: space-around; width: calc(100% - 72.5px); }
#header .gnb .team-menu .team { position: relative; padding: 17px 0 16px; width: 72.5px; text-align: center; word-break: keep-all; }
#header .gnb .team-menu .team:after { position: absolute; bottom: 0; left: 0; width: 0; height: 6px; background-color: #1D252D; content: ""; }
#header .gnb .team-menu .team:hover::after,
#header .gnb .team-menu .team.active:after { width: 100%; }
#header .gnb .team-menu .team:hover a + .team-sub { display: block; }
#header .gnb .team-menu .team:nth-last-child(1) .team-sub,
#header .gnb .team-menu .team:nth-last-child(2) .team-sub { left: auto; right: 0; }
#header .gnb .team-menu .team-logo { display: inline-block; width: 60px; height: 60px; }
#header .gnb .team-menu .team-logo img { width: 60px; height: 60px; object-fit: cover; }
#header .gnb .team-menu .team-name { display: block; margin-top: 4px; letter-spacing: -1px; font-size: 12px; }
@media screen and (max-width: 768px) {
	#header .gnb .team-menu { display: inline-flex; justify-content: unset; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; overflow-x: scroll; width: calc(100% - 56px); }
	#header .gnb .team-menu .team { padding: 12px 0 16px; margin: 0 4px; width: auto; }
	#header .gnb .team-menu .team:after { height: 4px; }
	#header .gnb .team-menu .team-logo { width: 40px; height: 40px; }
	#header .gnb .team-menu .team-logo img { width: 40px; height: 40px; }
	#header .gnb .team-menu .team-name { font-size: 10px; }
}

#header .gnb .team-sub { display: none; }

#header .gnb .team-sub { position: absolute; top: 100%; left: 0; z-index: 5; width: 200px; border: 1px #ebebeb solid; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); }
#header .gnb .team-sub a { display: block; padding: 16px 24px; font-size: 16px; color: #1D252D; text-align: left; }
#header .gnb .team-sub a:hover,
#header .gnb .team-sub .current a { background-color: #F5F5F5; }

#header .gnb .team-sub a .ico { width: 24px; height: 24px; margin-right: 10px; vertical-align: -6px; background-image: url("../images/ico/ico_etc.svg"); }
#header .gnb .team-sub a[data-label="유니폼"] .ico { background-image: url("../images/ico/ico_uniform.svg"); }
#header .gnb .team-sub a[data-label="의류"] .ico { background-image: url("../images/ico/ico_cloth.svg"); }
#header .gnb .team-sub a[data-label="모자"] .ico { background-image: url("../images/ico/ico_cap.svg"); }
#header .gnb .team-sub a[data-label="배구공"] .ico { background-image: url("../images/ico/ico_ball.svg"); }
#header .gnb .team-sub a[data-label="응원용품"] .ico{ background-image: url("../images/ico/ico_stick.svg"); }
#header .gnb .team-sub a[data-label="액세서리"] .ico { background-image: url("../images/ico/ico_accessory.svg"); }
#header .gnb .team-sub a[data-label="기념상품"] .ico { background-image: url("../images/ico/ico_cp.svg"); }
#header .gnb .team-sub a[data-label="기타"] .ico { background-image: url("../images/ico/ico_etc.svg"); }
#header .gnb .team-sub a[data-label="커뮤니티"] .ico { background-image: url("../images/ico/ico_community.svg"); }
@media screen and (max-width: 768px) {
	#header .gnb .team-sub { display: none !important; }
}

#footer { min-width: 1380px; margin-top: 180px; }

#footer .footer-top { display: none; background-color: #F8F8F8; }
#footer .footer-top-wrap { position: relative; width: 1380px; margin: 0 auto; padding: 75px 50px; }
#footer .footer-bottom { background-color: #000; }
#footer .footer-bottom-wrap { width: 1380px; margin: 0 auto; padding: 70px 50px; color: #fff; }

#footer .footer-top h3 { font-size: 36px; color: #666; }

#footer .footer-top .info-wrap { position: relative; padding-left: 175px; margin-top: 60px; }
#footer .footer-top .info-wrap .info-label { position: absolute; top: 50%; left: 0; display: flex; justify-content: center; align-items: center; width: 135px; height: 135px; font-size: 20px; color: #fff; text-align: center; background-color: #1D252D; border-radius: 99em; transform-origin: top center; transform: rotate(-30deg) translateY(-50%); }
#footer .footer-top .info-wrap .work-time { margin-top: 40px; color: #6B6B6B; font-size: 16px; }

#footer .footer-top .info-wrap .contact { position: relative; padding-left: 200px; display: flex; flex-wrap: wrap; gap: 20px; }
#footer .footer-top .info-wrap .contact + .contact { margin-top: 40px; }
#footer .footer-top .info-wrap .contact h4 { position: absolute; top: -4px; left: 0; z-index: 1; padding-left: 20px; font-size: 20px; }
#footer .footer-top .info-wrap .contact h4:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; width: 40px; height: 40px; border: 1px #E2E2E2 solid; background-color: #fff; border-radius: 99em; content: ""; }
#footer .footer-top .info-wrap .contact dl { display: flex; flex-wrap: wrap; gap: 5px 20px; }
#footer .footer-top .info-wrap .contact dl dd { position: relative; padding-left: 10px; }
#footer .footer-top .info-wrap .contact dl dd:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; background-color: #000; content: ""; }

#footer .footer-top .info-wrap .contact.company dl dt,
#footer .footer-top .info-wrap .contact.company dl dd { font-size: 16px; }
#footer .footer-top .info-wrap .contact.company dl dd:before { height: 16px; }

#footer .footer-top .info-wrap .contact.md dl { flex-direction: column; min-width: 160px; }
#footer .footer-top .info-wrap .contact.md dl dt,
#footer .footer-top .info-wrap .contact.md dl dd { font-size: 12px; }
#footer .footer-top .info-wrap .contact.md dl dd:before { height: 12px; }

#footer .footer-bottom .footer-menu ul { overflow: hidden; }
#footer .footer-bottom .footer-menu ul li { position: relative; float: left; font-size: 16px; margin-right: 16px; padding-right: 17px; }
#footer .footer-bottom .footer-menu ul li:after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #fff; opacity: 0.6; content: ""; }
#footer .footer-bottom .footer-menu ul li:last-child { margin-right: 0; padding-right: 0; }
#footer .footer-bottom .footer-menu ul li:last-child::after { display: none; }

#footer .footer-bottom .sns-channel ul { display: flex; gap: 8px; margin-top: 24px; }
#footer .footer-bottom .sns-channel ul li a { display: block; width: 56px; height: 56px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }
#footer .footer-bottom .sns-channel ul li a.youtube { background-image: url("../images/ico/ico_youtube.png"); }
#footer .footer-bottom .sns-channel ul li a.instagram { background-image: url("../images/ico/ico_instagram.png"); }
#footer .footer-bottom .sns-channel ul li a.tiktok { background-image: url("../images/ico/ico_tiktok.png"); }
#footer .footer-bottom .sns-channel ul li a.facebook { background-image: url("../images/ico/ico_facebook.png"); }

#footer .footer-bottom .company-info { margin-top: 30px; }
#footer .footer-bottom .company-info p { font-size: 15px; color: #999; }
#footer .footer-bottom .company-info p + p { margin-top: 12px; }
#footer .footer-bottom .company-info p span { display: inline-block; }
#footer .footer-bottom .company-info p span + span { margin-left: 20px; }
#footer .footer-bottom .copyright { margin-top: 50px; color: #4c4c4c; }
@media screen and (max-width: 768px) {
	#footer { min-width: auto; margin-top: 60px; }

	#footer .footer-top-wrap,
	#footer .footer-bottom-wrap { width: auto; padding: 40px 16px; }

	#footer .footer-top h3 { font-size: 24px; }

	#footer .footer-top .info-wrap { padding-left: 0; margin-top: 40px; }
	#footer .footer-top .info-wrap .info-label { display: none; }
	#footer .footer-top .info-wrap .work-time { font-size: 12px; }

	#footer .footer-top .info-wrap .contact { padding-left: 0; flex-direction: column; align-items: flex-start; }
	#footer .footer-top .info-wrap .contact h4 { position: relative; padding-left: 18px; min-width: auto; font-size: 16px; }
	#footer .footer-top .info-wrap .contact h4:before { width: 32px; height: 32px; }
	#footer .footer-top .info-wrap .contact dl dt { width: 100%; }

	#footer .footer-top .info-wrap .contact.company dl dt,
	#footer .footer-top .info-wrap .contact.company dl dd { font-size: 14px; }
	#footer .footer-top .info-wrap .contact.company dl dd:before { height: 14px; }

	#footer .footer-top .info-wrap .contact.md dl { flex-direction: row; min-width: auto; }

	#footer .footer-bottom .footer-menu ul li { font-size: 13px; margin-right: 8px; padding-right: 9px; }

	#footer .footer-bottom .sns-channel ul li a { width: 32px; height: 32px; }

	#footer .footer-bottom .company-info { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 20px; }
	#footer .footer-bottom .company-info p { display: flex; flex-wrap: wrap; gap: 5px 10px; font-size: 10px; }
	#footer .footer-bottom .company-info p + p { margin-top: 0; }
	#footer .footer-bottom .company-info p span + span { margin-left: 0; }
	#footer .footer-bottom .copyright { font-size: 10px; margin-top: 40px; color: #4c4c4c; }
}
@media screen and (max-width: 320px) {
	#footer .footer-top .md-info ul li { padding: 8px 0; min-height: unset; }
	#footer .footer-top .md-info ul li h4 { display: none; }
}

#contents {  }
.contents-inner { width: 1380px; margin: 0 auto; padding: 0 50px; }
.layout-module { position: relative; padding-left: 288px; margin-top: 40px; }

.layout-module-menu { position: absolute; top: 0; left: 0; width: 240px; }
.layout-module-menu dl + dl { margin-top: 10px; }
.layout-module-menu dl dt { padding: 20px 0; font-size: 18px; border-bottom: 1px #E2E2E2 solid; }
.layout-module-menu dl dd { margin-top: 10px; }

.layout-module-menu.community dl dt { padding: 0; font-size: 36px; border-bottom: 0 none; }
.layout-module-menu.community dl dd { margin-top: 50px; }

.layout-module-menu .layout-module-sub-menu-wrap .layout-module-sub-menu-label { display: none; }
.layout-module-menu .layout-module-sub-menu-wrap .layout-module-sub-menu { padding: 10px 0; font-size: 16px; color: #6B6B6B; }
.layout-module-menu .layout-module-sub-menu-wrap .layout-module-sub-menu.active { color: #000; }

.layout-module-content { min-height: 630px; }
@media screen and (max-width: 768px) {
	.layout-module-menu { position: static; width: 100vw; margin: 0 0 40px -16px; }
	.layout-module-menu dl + dl { margin-top: 0; }
	.layout-module-menu dl dt { position: relative; padding: 13px 32px 13px 16px; font-size: 16px; }
	.layout-module-menu dl dd { display: none; margin-top: 0; }
	.layout-module-menu dl dt:after { position: absolute; top: 16px; right: 16px; width: 16px; height: 16px; background: url("../images/ico/ico_arrow_down.svg") no-repeat 0 0; background-size: contain; content: ""; }
	.layout-module-menu dl.active dt:after { background-image: url("../images/ico/ico_arrow_up.svg"); }
	.layout-module-menu dl.active dd { display: block; }

	.layout-module-menu .layout-module-sub-menu-wrap { padding: 10px 32px; background-color: #F5F5F5; }
	.layout-module-menu .layout-module-sub-menu-wrap .layout-module-sub-menu-list { display: block; }
	.layout-module-menu .layout-module-sub-menu-wrap .layout-module-sub-menu { padding: 10px 0; font-size: 14px; }
	.layout-module-menu .layout-module-sub-menu-wrap .layout-module-sub-menu.active a:after { display: inline-block; margin-left: 4px; width: 12px; height: 12px; background: url("../images/common/ico_arrow_right_black.svg") no-repeat 0 0; background-size: contain; vertical-align: -3px; content: ""; }

	.layout-module-menu.community { position: static; width: auto; margin: 40px 0; }
	.layout-module-menu.community dl dt { font-size: 24px; text-align: center; }
	.layout-module-menu.community dl dt:after { display: none; }
	.layout-module-menu.community dl dd { margin-top: 30px; }

	.layout-module-menu.community .layout-module-sub-menu-wrap { padding: 0; background-color: unset; }
	.layout-module-menu.community .layout-module-sub-menu-wrap .layout-module-sub-menu-list { overflow: hidden; overflow-x: auto; white-space: nowrap; text-align: center; }
	.layout-module-menu.community .layout-module-sub-menu-wrap .layout-module-sub-menu { position: relative; display: inline-block; padding: 0 12px 0 16px; }
	.layout-module-menu.community .layout-module-sub-menu-wrap .layout-module-sub-menu + .layout-module-sub-menu:before { position: absolute; top: 4px; left: 0; width: 1px; height: 12px; background-color: #BABABA; content: ""; }
	.layout-module-menu.community .layout-module-sub-menu-wrap .layout-module-sub-menu.active a:after { display: none; }

	.layout-module-content { min-height: auto; }
}
@media screen and (max-width: 768px) {
	.contents-inner { width: 100%; padding: 0 16px; }
	.layout-module { padding-left: 0; margin-top: 20px; }
}

#main { overflow: hidden; min-width: 1380px; }
#main + #footer .footer-top { display: block; }
@media screen and (max-width: 768px) {
	#main { min-width: auto; }
}

.main-banner .swiper-slide { overflow: hidden; width: 100%; height: 600px; text-align: center; }
.main-banner img { /*width: 100%;*/ min-width: 1380px; height: 600px; object-fit: cover; }

.main-banner .swiper-button-prev,
.main-banner .swiper-button-next { margin-top: -38px; width: 76px; height: 76px; border-radius: 99em; background-color: rgba(0, 0, 0, 0.3) }
.main-banner .swiper-button-prev { left: 50%; margin-left: -716px; background-image: url("../images/common/ico_arrow_left_white.svg"); background-size: 36px; }
.main-banner .swiper-button-next { right: 50%; margin-right: -716px; background-image: url("../images/common/ico_arrow_right_white.svg"); background-size: 36px; }
@media screen and (max-width: 768px) {
	.main-banner .swiper-slide { height: auto; }
	.main-banner img { width: 100%; min-width: auto; height: auto; }


	.main-banner .swiper-button-prev,
	.main-banner .swiper-button-next { display: none; }
}

.hot-item { position: relative; padding: 100px 0 135px; }
.hot-item:after { position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 250px; background-color: #1D252D; content: ""; }
.hot-item-inner { width: 1280px; margin: 0 auto; }

.hot-item .product-list { margin-top: 60px; }
@media screen and (max-width: 768px) {
	.hot-item { padding: 40px 16px; }
	.hot-item:after { height: 41.9444vw;}
	.hot-item-inner { width: auto; margin: 0 auto; }

	.hot-item .product-list.box { margin-top: 20px; margin-left: -16px; width: 100vw; padding: 0 16px; }
	.hot-item .product-list.box ul li { width: 66.6667vw; }
	.hot-item .product-list.box ul li .thumb img { width: 100%; height: 66.6667vw; }
}

.best-item { width: 1280px; margin: 100px auto 0; }
.best-item .best-item-tabMenu { position: relative; display: flex; justify-content: space-around; margin-top: 60px; }
.best-item .best-item-tabMenu:after { position: absolute; left: 50%; bottom: 0; margin-left: -50vw; width: 100vw; height: 1px; background-color: #E4E4E4; content: ""; }
.best-item .best-item-tabMenu .team { position: relative; padding: 17px 0 16px; width: 72px; text-align: center; }
.best-item .best-item-tabMenu .team:after { position: absolute; bottom: 0; left: 0; width: 0; height: 6px; background-color: #1D252D; content: ""; }
.best-item .best-item-tabMenu .team:hover::after,
.best-item .best-item-tabMenu .team.active:after { width: 100%; }
.best-item .best-item-tabMenu .team-logo { display: inline-block; width: 60px; height: 60px; }
.best-item .best-item-tabMenu .team-logo img { width: 60px; height: 60px; object-fit: cover; }
.best-item .best-item-tabMenu .team-name { display: block; margin-top: 4px; letter-spacing: -1px; font-size: 12px; }

.best-item .best-item-tabContent { position: relative; padding-top: 85px; }
.best-item .best-item-tabContent .btn-more { position: absolute; top: 35px; right: 0; }
.best-item .best-item-tabContent .product-list { margin-top: 0; }
.best-item .best-item-tabContent .product-list.swiper .swiper-wrapper { flex-wrap: wrap; gap: 40px 25px; }

.best-item .custom-pagination-wrap { display: none; bottom: 0; }
.best-item .custom-pagination-wrap .numCurrent,
.best-item .custom-pagination-wrap .numTotal { font-size: 14px; color: #000; }
.best-item .custom-pagination-wrap .numTotal { opacity: 0.5; }
.best-item .custom-pagination { width: 46.6667vw !important; background: rgba(0, 0, 0, .2) !important; }
.best-item .custom-pagination .swiper-pagination-progressbar-fill { height: 4px; background-color: #000; }
@media screen and (max-width: 1380px) {
	.best-item .best-item-tabMenu:after { left: -50px; transform: translateX(0); margin-left: 0; width: calc(100% + 100px); }
}
@media screen and (max-width: 768px) {
	.best-item { width: auto; margin: 40px auto 0; padding: 0 16px; }
	.best-item .best-item-tabMenu { overflow: hidden; overflow-x: auto; display: inline-flex; justify-content: flex-start; white-space: nowrap; margin-top: 60px; margin-left: -16px; padding: 0 16px; width: 100vw; border-bottom: 1px #E4E4E4 solid; }
	.best-item .best-item-tabMenu:after { display: none; }
	.best-item .best-item-tabMenu .team { padding: 12px 0 16px; margin: 0 4px; width: auto; }
	.best-item .best-item-tabMenu .team:after { height: 4px; }
	.best-item .best-item-tabMenu .team-logo { width: 40px; height: 40px; }
	.best-item .best-item-tabMenu .team-logo img { width: 40px; height: 40px; }
	.best-item .best-item-tabMenu .team-name { font-size: 10px; }

	.best-item .best-item-tabContent { padding-top: 47px; }
	.best-item .best-item-tabContent .btn-more { top: 16px; }
	.best-item .best-item-tabContent .product-list { margin-top: 0; margin-left: -16px; width: 100vw; padding: 0 16px; }

	.best-item .best-item-tabContent .product-list.swiper { position: relative; padding-bottom: 44px; }
	.best-item .best-item-tabContent .product-list.swiper .swiper-wrapper { flex-wrap: unset; gap: 0; }

	.best-item .custom-pagination-wrap { display: flex; }
}

.team-banner { margin-top: 100px; }
.team-banner .swiper-slide { padding: 92px 0 16px; }
.team-banner .team-banner-wrap { padding: 50px 0 62px; }
.team-banner .team-banner-inner { position: relative; width: 1280px; margin: 0 auto; }

.team-banner .team-banner-thumb { position: absolute; z-index: 5; right: 184px; bottom: -34px; }
.team-banner .team-banner-thumb:after,
.team-banner .team-banner-thumb:before { position: absolute; width: 410px; height: 410px; border-radius: 99em; border-width: 1px; border-style: solid; border-color: #fff; content: ""; }
.team-banner .team-banner-thumb:after { top: -7px; left: -29px; }
.team-banner .team-banner-thumb:before { top: 28px; left: 29px; }
.team-banner .team-banner-thumb img { overflow: hidden; position: relative; z-index: 5; width: 394px; height: 394px; object-fit: cover; border-radius: 99em; transform: rotate(0.05turn); }

.team-banner .team-banner-label { font-size: 20px; color: #F3FF6F; }
.team-banner .team-banner-title { overflow: hidden; margin-top: 30px; width: 50%; height: 100px; font-size: 36px; color: #fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: normal; }
.team-banner .team-banner-desc { display: none; margin-top: 10px; font-size: 16px; color: #fff; opacity: 0.7; }
.team-banner .team-banner-button  { margin-top: 40px; }
.team-banner .team-banner-button a { display: block; width: 220px; height: 48px; line-height: 46px; border: 2px #fff solid; border-radius: 99em; text-align: center; color: #fff; }

.team-banner .swiper-button-prev { top: 245px; left: 50%; margin-top: 0; margin-left: -716px; background-image: url("../images/common/ico_arrow_left_white.svg"); }
.team-banner .swiper-button-next { top: 245px; right: 50%; margin-top: 0; margin-right: -716px; background-image: url("../images/common/ico_arrow_right_white.svg"); }
.team-banner .controlBtn { position: absolute; left: 50%; bottom: 39px; margin-left: 605px; z-index: 5; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
.team-banner .controlBtn.play { background-image: url("../images/ico/ico_play.svg"); }
.team-banner .controlBtn.pause { background-image: url("../images/ico/ico_pause.svg"); }

.team-banner .swiper-pagination { left: 50%; bottom: 36px; margin-left: 525px; width: auto; padding: 6px 12px; font-size: 16px; border-radius: 99em; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.4); }
.team-banner .swiper-pagination .swiper-pagination-current { color: rgba(255, 255, 255, 1); }

.team-banner .team-banner-thumb:before { border-color: #A8E5FF; }
@media screen and (max-width: 768px) {
	.team-banner { margin-top: 40px; }
	.team-banner .swiper-slide { padding: 0; }
	.team-banner .team-banner-wrap { padding: 5.5556vw 4.4444vw 13.3333vw; }
	.team-banner .team-banner-inner { width: auto; }

	.team-banner .team-banner-thumb { right: 0.5556vw; top: 0; bottom: auto; }
	.team-banner .team-banner-thumb:after,
	.team-banner .team-banner-thumb:before { width: 33.3333vw; height: 33.3333vw; }
	.team-banner .team-banner-thumb:after { top: 2.5000vw; left: -2.5000vw; }
	.team-banner .team-banner-thumb:before { top: 5.5556vw; left: 3.8889vw; }
	.team-banner .team-banner-thumb img { width: 33.3333vw; height: 33.3333vw; }

	.team-banner .team-banner-label { font-size: 3.3333vw; }
	.team-banner .team-banner-title { margin-top: 3.3333vw; width: 55%; height: 11.1111vw; line-height: 5.5556vw; font-size: 4.4444vw; }
	.team-banner .team-banner-button  { margin-top: 5.5556vw; }
	.team-banner .team-banner-button a { width: 16.6667vw; height: 8.3333vw; line-height: 7.7778vw; border-width: 0.2778vw; font-size: 3.3333vw; }

	.team-banner .swiper-button-prev,
	.team-banner .swiper-button-next { display: none; }

	.team-banner .controlBtn { left: 50%; bottom: 6.1556vw; margin-left: 11.1250vw; width: 7.2223vw; height: 7.2223vw; }

	.team-banner .swiper-pagination { transform: translateX(-50%); bottom: 5.5556vw; margin-left: 0; padding: 1.6667vw 3.3333vw; font-size: 3.8889vw; }
}

.event-item { margin: 100px auto 0; width: 1280px; }
.event-item .event-item-wrap { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; }
.event-item .event-item-wrap > div { background-color: #f4f4f4; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
.event-item .event-item-wrap > div:nth-child(2) { background-image: url("../images/human02.png"); }
.event-item .event-item-wrap > div:nth-child(3) { background-image: url("../images/human03.png"); }
.event-item .event-item-wrap > div:nth-child(4) { background-image: url("../images/human04.png"); }
.event-item .event-item-wrap > div:nth-child(5) { background-image: url("../images/human05.png"); }

.event-item .event-item-wrap .multi { width: 628px; height: 440px; background-image: url("../images/human01.png"); }
.event-item .event-item-wrap .multi img { width: 628px; height: 440px; object-fit: cover; }

.event-item .event-item-wrap .multi .swiper-button-wrap { position: absolute; top: 50px; right: 50px; display: inline-flex; align-items: center; gap: 28px; }
.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-pagination { position: static; width: auto; font-size: 16px; color: #999999; }
.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-pagination .swiper-pagination-total { color: #999999; }
.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-pagination .swiper-pagination-current { color: #1D252D; }
.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-button-prev,
.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-button-next { display: inline-block; position: static; margin: 0; width: 24px; height: 24px; background-size: contain; }

.event-item .event-item-wrap .multi.eventMulti2 { background-image: url("../images/human06.png"); }
.event-item .event-item-wrap .multi.eventMulti2 .swiper-button-wrap .swiper-pagination { color: rgba(255, 255, 255, 0.5); }
.event-item .event-item-wrap .multi.eventMulti2 .swiper-button-wrap .swiper-pagination .swiper-pagination-total { color: rgba(255, 255, 255, 0.5); }
.event-item .event-item-wrap .multi.eventMulti2 .swiper-button-wrap .swiper-pagination .swiper-pagination-current { color: #fff; }
.event-item .event-item-wrap .multi.eventMulti2 .swiper-button-wrap .swiper-button-prev { background-image: url("../images/common/ico_arrow_left_white.svg"); }
.event-item .event-item-wrap .multi.eventMulti2 .swiper-button-wrap .swiper-button-next { background-image: url("../images/common/ico_arrow_right_white.svg"); }

.event-item .event-item-wrap .single { overflow: hidden; width: 302px; height: 440px; }
.event-item .event-item-wrap .single img { width: 302px; height: 440px; object-fit: cover; }
@media screen and (max-width: 768px) {
	.event-item { margin: 40px auto 0; padding: 0 16px; width: auto; }
	.event-item .event-item-wrap { gap: 8px; }

	.event-item .event-item-wrap .multi { width: 100%; height: 63.8889vw; }
	.event-item .event-item-wrap .multi img { width: 100%; height: 63.8889vw; }
	.event-item .event-item-wrap .multi .swiper-button-wrap { top: 20px; right: 20px; gap: 16px; }
	.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-pagination { font-size: 14px; }
	.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-button-prev,
	.event-item .event-item-wrap .multi .swiper-button-wrap .swiper-button-next { width: 16px; height: 16px; }

	.event-item .event-item-wrap .single { width: calc(50% - 4px); height: 63.8889vw; }
	.event-item .event-item-wrap .single img { width: 100%; height: 63.8889vw; }
}

.kovo-banner { width: 1280px; margin: 80px auto 0; }
.kovo-banner ul { display: flex; justify-content: space-between; }
.kovo-banner ul li { width: calc(50% - 12px); }
.kovo-banner ul li a { position: relative; display: block; height: 330px; }
.kovo-banner ul li a img { height: 100%; }
.kovo-banner ul li a:after { position: absolute; z-index: -1; top: 0; width: calc(50vw - 12px); min-width: calc((1380px / 2) - 12px); height: 100%; content: ""; }
.kovo-banner ul li.kovo-home a:after { right: 0; background-color: #edf3f3; }
.kovo-banner ul li.kovo-ticket a:after { left: 0; background-color: #ebf5f7; }
@media screen and (max-width: 768px) {
	.kovo-banner { width: auto; margin: 60px auto 0; padding: 0 16px; }
	.kovo-banner ul { display: block; }
	.kovo-banner ul li { width: 100%; }
	.kovo-banner ul li + li { margin-top: 8px; }
	.kovo-banner ul li a { height: auto; }
	.kovo-banner ul li a img { width: 100%; height: auto; }

	.kovo-banner ul li a:after { display: none; }
}

.section { margin-top: 60px; }
.section-box { padding: 24px 16px; border-width: 1px 0 1px; border-bottom-color: #E2E2E2; border-top-color: #000; border-style: solid; }

.txt-more { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 16px; color: #8f989c; border-bottom: 1px #8f989c solid; }

.aside-area { position: relative; margin-top: 80px; }
.aside-area .aside { position: absolute; top: 0; width: 378px; }
.aside-area.right .aside { right: 0; }
@media screen and (max-width: 1780px) {
}
@media screen and (max-width: 768px) {
	.aside-area { margin-top: 50px; }
}

.skyscraper { position: fixed; bottom: 20px; right: 30px; z-index: 10; }
.skyscraper button + button { margin-top: 10px; }
.skyscraper button i { display: block; width: 46px; height: 46px; margin-bottom: 5px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
.skyscraper .mode i { background-image: url("../images/common/pc_btn_darkmode.svg"); }
.skyscraper .top i { background-image: url("../images/common/img_volley_ball.png"); }
.skyscraper.on .top { display: block; }
@media screen and (max-width: 768px) {
}

.noData { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; height: 300px; }
.noData .ico { display: block; width: 60px; height: 60px; background: url("../images/ico/ico_caution_gray.svg") no-repeat 50% 0; }
.noData p { color: #999; text-align: center; }
.noData.search .ico { background-image: url("../images/ico/ico_caution_search.svg"); }

.complete-message { padding: 100px 0; text-align: center; }
.complete-message .ico { display: inline-block; margin-bottom: 32px; width: 60px; height: 60px; background: url("../images/ico/ico_caution_check_gray.svg") no-repeat 50% 0; }
.complete-message .ico.gift { background-image: url("../images/ico/ico_gift.svg"); }
.complete-message .ico.blue { background-image: url("../images/ico/ico_caution_check_blue.svg"); }
.complete-message p { font-size: 20px; color: #000; }
.complete-message p.desc { margin-top: 12px; font-size: 14px; }
.complete-message .dot-list { display: inline-block; margin-top: 30px; text-align: left; }

.search-total { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 60; min-width: 1380px; width: 100%; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
.search-total.active { display: block; }
.search-total .search-total-inner { position: relative; width: 1380px; margin: 0 auto; padding: 40px 50px; background-color: #fff; }
.search-total .search-total-wrap { width: 704px; margin: 0 auto; }
.search-total .btn-close { position: absolute; top: 58px; right: 58px; }
.search-total .btn-close a,
.search-total .btn-close button { display: block; width: 32px; height: 32px; background: url("../images/ico/ico_closeX32.svg") no-repeat 50% 50%; }

.search-total .search-form { position: relative; padding: 6px 58px 6px 24px; background-color: #F5F5F5; border-radius: 99em; }
.search-total .search-form input[type='text'] { width: 100%; border: 0; background: transparent; border-radius: 0; font-size: 18px; }
.search-total .search-form .submit { position: absolute; top: 50%; right: 24px; transform: translateY(-50%); width: 24px; height: 24px; background: url("../images/ico/ico_search.svg") no-repeat 50% 50%; }

.search-total .search-history { display: flex; justify-content: space-between; margin-top: 40px; }
.search-total .search-history .search-header { position: relative; }
.search-total .search-history .search-header h4 { font-size: 16px; }
.search-total .search-history .search-header .allClear { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 12px; color: #999; }

.search-total .search-history .noData .ico { width: 48px; height: 48px; background-image: url("../images/ico/ico_caution_white.svg") }

.search-total .search-history .search-text { width: 296px; }
.search-total .search-history .search-text-list { overflow: hidden; overflow-y: auto; max-height: 300px; margin-top: 24px; }
.search-total .search-history .search-text-list ul li { position: relative; }
.search-total .search-history .search-text-list ul li + li { margin-top: 12px; }
.search-total .search-history .search-text-list ul li .txt { display: block; padding: 0 21px 0 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url("../images/ico/ico_search_gray.svg") no-repeat 0 50%; }
.search-total .search-history .search-text-list ul li .del { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 12px; background: url("../images/ico/ico_closeX12.svg") no-repeat 50% 50%; }

.search-total .search-history .search-product { width: 348px; }
.search-total .search-history .search-product-list { overflow: hidden; overflow-y: auto; max-height: 300px; margin-top: 24px; }
.search-total .search-history .search-product-list ul { display: flex; flex-wrap: wrap; gap: 8px 12px; }
.search-total .search-history .search-product-list ul li { position: relative; border: 1px #E2E2E2 solid; background-color: #F5F5F5; }
.search-total .search-history .search-product-list ul li .img { overflow: hidden; display: block; }
.search-total .search-history .search-product-list ul li .img img { width: 58px; height: 58px; object-fit: cover; }
.search-total .search-history .search-product-list ul li .del { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url("../images/ico/ico_circle_close.svg") no-repeat 50% 50%; }
@media screen and (max-width: 768px) {
	.search-total { top: 65px; min-width: unset; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); }
	.search-total .search-total-inner { width: auto; padding: 64px 16px 40px; }
	.search-total .search-total-wrap { width: auto; }
	.search-total .btn-close { top: 20px; right: 16px; }
	.search-total .btn-close a,
	.search-total .btn-close button { width: 24px; height: 24px; background-size: contain; }

	.search-total .search-form { padding: 6px 58px 6px 24px; }
	.search-total .search-form input[type='text'] { font-size: 16px; }

	.search-total .search-history { overflow: hidden; overflow-y: scroll; max-height: calc(100vh - 269px); display: block; }

	.search-total .search-history .search-text { width: auto; }
	.search-total .search-history .search-text-list { max-height: unset; margin-top: 20px; }
	.search-total .search-history .search-text-list ul li + li { margin-top: 12px; }
	.search-total .search-history .search-text-list ul li .txt { display: block; padding: 0 21px 0 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url("../images/ico/ico_search_gray.svg") no-repeat 0 50%; }
	.search-total .search-history .search-text-list ul li .del { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 12px; background: url("../images/ico/ico_closeX12.svg") no-repeat 50% 50%; }

	.search-total .search-history .search-product { width: auto; margin-top: 40px; }
	.search-total .search-history .search-product-list { max-height: unset; margin-top: 20px; }
	.search-total .search-history .search-product-list ul { gap: 8px; }
	.search-total .search-history .search-product-list ul li { width: calc(50% - 4px); }
	.search-total .search-history .search-product-list ul li .img img { width: 100%; height: 43.8889vw; }
}

/* contents */
.teamColor1 { background-color: #1D252D; }/* KOVO */
.teamColor2 { background-color: #4F3DD3; }/* 대한항공 */
.teamColor3 { background-color: #E84716; }/* OK금융그룹 */
.teamColor4 { background-color: #2029A3; }/* 우리카드 */
.teamColor5 { background-color: #0082CA; }/* 현대캐피탈 */
.teamColor6 { background-color: #E60000; }/* 한국전력 */
.teamColor7 { background-color: #003996; }/* 삼성화재 */
.teamColor8 { background-color: #EB9800; }/* KB손해보험 */
.teamColor9 { background-color: #0C1687; }/* 현대건설 */
.teamColor10 { background-color: #DA28BA; }/* 흥국생명 */
.teamColor11 { background-color: #D1001A; }/* 정관장 */
.teamColor12 { background-color: #00829B; }/* GS칼텍스 */
.teamColor13 { background-color: #0E75D5; }/* IBK기업은행 */
.teamColor14 { background-color: #003F94; }/* 한국도로공사 */
.teamColor15 { background-color: #F42B30; }/* 페퍼저축은행 */

.soldOut { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); }
.soldOut i { display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 99em; background-color: #000; font-style: normal; font-size: 12px; color: #fff; }

.visual-area { overflow: hidden; width: 100%; min-width: 1380px; height: 400px; margin: 0 auto; }
.visual-area img { width: 100%; height: 400px; object-fit: cover; }
@media screen and (max-width: 768px) {
	.visual-area { min-width: auto; height: 300px; margin-bottom: 0; }
	.visual-area img { height: 300px; }
}

.view-opt + * { margin-top: 16px !important; }
.view-opt { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; }
.view-opt .total strong { color: #0075C2; }

.view-opt .opt-wrap { display: flex; align-items: center; }
.view-opt .opt-wrap .opt1 .optLabel { display: none; }
.view-opt .opt-wrap .opt1 .optList { display: flex; }
.view-opt .opt-wrap .opt1 .optItem { color: #9C9C9C; }
.view-opt .opt-wrap .opt1 .optItem.active { color: #000; }
.view-opt .opt-wrap .opt1 .optItem + .optItem { margin-left: 24px; }

.view-opt .opt-wrap .opt2,
.view-opt .opt-wrap .opt3 { margin-left: 24px; }
.view-opt .opt-wrap .opt2 select,
.view-opt .opt-wrap .opt3 select { padding: 0 40px 0 16px; height: 32px; font-size: 12px; }
@media screen and (max-width: 768px) {
	.view-opt { margin-top: 20px; }

	.view-opt .opt-wrap .opt1 { position: relative; }
	.view-opt .opt-wrap .opt1 .optLabel { display: block; padding: 0 40px 0 16px; min-width: 108px; height: 32px; border: 1px solid #E2E2E2; background: url('../images/ico/ico_arrow_down.svg') no-repeat center right 16px; cursor: pointer; font-size: 12px; text-align: left; }
	.view-opt .opt-wrap .opt1 .optList { display: block; position: absolute; top: 31px; left: 0; width: 100%; z-index: 5; background: #fff; border-radius: 6px; overflow: hidden; max-height: 0; }
	.view-opt .opt-wrap .opt1.active .optList { border: 1px solid #E2E2E2; max-height: 500px; }
	.view-opt .opt-wrap .opt1 .optItem { padding: 5px 15px 5px; font-size: 12px; transition: .1s; }
	.view-opt .opt-wrap .opt1 .optItem:hover { background-color: #F5F5F5; }
	.view-opt .opt-wrap .opt1 .optItem:last-child { border-bottom: 0 none; }
	.view-opt .opt-wrap .opt1 .optItem + .optItem { margin-left: 0; }

	.view-opt .opt-wrap .opt2,
	.view-opt .opt-wrap .opt3 { margin-left: 8px; }
}
@media screen and (max-width: 500px) {
	.view-opt { position: relative; flex-direction: column; align-items: flex-start; gap: 16px 0; }
	.view-opt .opt-wrap { gap: 8px; width: 100%; }
	.view-opt .opt-wrap > div { flex: 1; }
	.view-opt .opt-wrap > div select { width: 100%; }
	.view-opt .opt-wrap .opt1 { position: absolute; top: -4px; right: 0; }
	.view-opt .opt-wrap .opt2,
	.view-opt .opt-wrap .opt3 { margin-left: 0; }
}

.term-check .term-check-label { margin-bottom: 14px; }
.term-check .term-check-wrap { display: flex; align-items: center; justify-content: space-between; }
.term-check .term-check-button button { padding: 0 10px; min-width: 76px; height: 26px; border: 1px #BABABA solid; font-size: 12px; color: #404040; }
.term-check .term-check-button button.active { background-color: #e6e6e6; }
.term-check .term-check-form input,
.term-check .term-check-form a,
.term-check .term-check-form button { vertical-align: middle; }
@media screen and (max-width: 768px) {
	.term-check { margin-top: 50px; }
	.term-check .term-check-label { margin-bottom: 9px; }
	.term-check .term-check-wrap { display: block; }
	.term-check .term-check-form { margin-top: 20px; }
	.term-check .term-check-form input,
	.term-check .term-check-form a,
	.term-check .term-check-form button { vertical-align: middle; }
	.term-check .term-check-form input { width: calc(50% - 2px); }
	.term-check .term-check-form button { margin-top: 8px; width: 100%; }
}

.ctg-menu { margin-top: 60px; }
.ctg-menu ul { display: flex; flex-direction: row; flex-wrap: wrap; }
.ctg-menu ul li { display: flex; align-items: center; justify-content: center; margin-top: -1px; margin-left: -1px; border: 1px #E2E2E2 solid; color: #404040; font-size: 16px; text-align: center; }
.ctg-menu ul li:hover,
.ctg-menu ul li.active { position: relative; border-color: #1D252D; background-color: #1D252D; color: #fff; }

.ctg-menu ul.col-auto li { flex: 1; }
.ctg-menu ul.col-4 li { width: calc(25% + 1px); }
.ctg-menu ul.col-5 li { width: calc(20% + 1px); }

.ctg-menu ul li a { display: block; padding: 0 15px; width: 100%; height: 54px; line-height: 54px; }
.ctg-menu ul li a:before { display: none; width: 24px; height: 24px; margin-right: 8px; vertical-align: -6px; background-position: 0 0; background-repeat: no-repeat; content: ""; }
.ctg-menu ul li.uniform a:before { display: inline-block; background-image: url("../images/ico/ico_uniform.svg"); }
.ctg-menu ul li.cloth a:before { display: inline-block; background-image: url("../images/ico/ico_cloth.svg"); }
.ctg-menu ul li.cap a:before { display: inline-block; background-image: url("../images/ico/ico_cap.svg"); }
.ctg-menu ul li.ball a:before { display: inline-block; background-image: url("../images/ico/ico_ball.svg"); }
.ctg-menu ul li.stick a:before { display: inline-block; background-image: url("../images/ico/ico_stick.svg"); }
.ctg-menu ul li.accessory a:before { display: inline-block; background-image: url("../images/ico/ico_accessory.svg"); }
.ctg-menu ul li.cp a:before { display: inline-block; background-image: url("../images/ico/ico_cp.svg"); }
.ctg-menu ul li.etc a:before { display: inline-block; background-image: url("../images/ico/ico_etc.svg"); }

.ctg-menu ul li.uniform.active a:before,
.ctg-menu ul li.uniform:hover a:before { background-image: url("../images/ico/ico_uniform_white.svg"); }
.ctg-menu ul li.cloth.active a:before,
.ctg-menu ul li.cloth:hover a:before { background-image: url("../images/ico/ico_cloth_white.svg"); }
.ctg-menu ul li.cap.active a:before,
.ctg-menu ul li.cap:hover a:before { background-image: url("../images/ico/ico_cap_white.svg"); }
.ctg-menu ul li.ball.active a:before,
.ctg-menu ul li.ball:hover a:before { background-image: url("../images/ico/ico_ball_white.svg"); }
.ctg-menu ul li.stick.active a:before,
.ctg-menu ul li.stick:hover a:before { background-image: url("../images/ico/ico_stick_white.svg"); }
.ctg-menu ul li.accessory.active a:before,
.ctg-menu ul li.accessory:hover a:before { background-image: url("../images/ico/ico_accessory_white.svg"); }
.ctg-menu ul li.cp.active a:before,
.ctg-menu ul li.cp:hover a:before { background-image: url("../images/ico/ico_cp_white.svg"); }
.ctg-menu ul li.etc.active a:before,
.ctg-menu ul li.etc:hover a:before { background-image: url("../images/ico/ico_etc_white.svg"); }

.ctg-menu.noIco ul li a:before,
.ctg-menu ul li.all a:before { display: none; }
@media screen and (max-width: 768px) {
	.ctg-menu { overflow: hidden; overflow-x: auto; margin-top: 40px; }
	.ctg-menu ul { display: inline-flex; flex-wrap: nowrap; gap: 8px; white-space: nowrap; }
	.ctg-menu ul li { margin: 0; width: auto !important; font-size: 12px; border-radius: 99em; }

	.ctg-menu ul li a { height: 38px; line-height: 38px; }
	.ctg-menu ul li a:before { vertical-align: -8px; }
}

.product-list { margin-top: 20px; }
.product-list ul { display: flex; flex-wrap: wrap; gap: 40px 25px; }
.product-list ul li { position: relative; width: 236px; }
.product-list ul li .favorite { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: url("../images/common/ico_favorite_off.svg") no-repeat 0 0; }
.product-list ul li .favorite.active { background-image: url("../images/common/ico_favorite_on.svg"); }
.product-list ul li .thumb { position: relative; }
.product-list ul li .thumb .thumb-inner { overflow: hidden; border: 1px #E2E2E2 solid; background-color: #F5F5F5; }
.product-list ul li .thumb img { width: 234px; height: 358px; object-fit: cover; }
.product-list ul li .thumb .team { position: absolute; left: 0; bottom: -10px; z-index: 10; padding: 3px 8px; font-size: 12px; color: #fff; }
.product-list ul li .thumb .product-label-wrap { position: absolute; top: 25px; left: 20px; z-index: 1; display: flex; flex-wrap: wrap; gap: 4px; width: calc(100% - 72px); }
.product-list ul li .thumb .product-label { padding: 3px 8px; font-size: 12px; color: #fff; border-radius: 2px; }
.product-list ul li .thumb .product-label.black { background-color: #000; }
.product-list ul li .thumb .product-label.red { background-color: #FF4848; }
.product-list ul li .thumb .product-label.gray { color: #000; background-color: #F2F2F2; }
@media screen and (max-width: 768px) {
	.product-list ul li .thumb .product-label-wrap { top: 13px; left: 12px; width: calc(100% - 48px); }
	.product-list ul li .thumb .product-label {font-size: 10px; }
}

.product-list ul li .info { margin-top: 20px; }
.product-list ul li .info .name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 34px; line-height: 17px; word-break: normal; }
.product-list ul li .info .price { margin-top: 12px; }
.product-list ul li .info .price > div { display: inline-block; }
.product-list ul li .info .price .discount,
.product-list ul li .info .price .final { font-size: 16px; }
.product-list ul li .info .price .discount { color: #F64646; margin-right: 5px; }
.product-list ul li .info .price .origin { font-size: 12px; color: #999; text-decoration: line-through; }
.product-list ul li .info .seller { margin-top: 4px; font-size: 12px; color: #999; }

.product-list.box ul { gap: 40px 24px; }
.product-list.box ul li { width: 302px; }
.product-list.box ul li .thumb img { width: 300px; height: 300px; }

.product-list.box ul li .info { margin-top: 0; padding: 24px 16px 16px; background-color: #fff; }
.product-list.box ul li .info .name { height: 34px; }

.product-list.swiper ul { flex-wrap: unset; gap: 0; }

.layout-module-content .product-list ul { gap: 40px 16px; }
@media screen and (max-width: 768px) {
	.product-list { margin-top: 20px; }
	.product-list ul { gap: 40px 8px; }
	.product-list ul li { width: calc(50% - 4px); }
	.product-list ul li .favorite { top: 12px; right: 12px; width: 24px; height: 24px; background-size: contain; }
	.product-list ul li .thumb img { width: 100%; height: 67.5000vw; }
	.product-list ul li .thumb .team { bottom: -9px; font-size: 10px; }

	.product-list ul li .info { margin-top: 20px; }
	.product-list ul li .info .name { max-height: 32px; line-height: 16px; font-size: 12px; }
	.product-list ul li .info .price { position: relative; }
	.product-list ul li .info .price .discount { padding-top: 14px; }
	.product-list ul li .info .price .origin { position: absolute; top: 0; left: 0; }
	.product-list ul li .info .seller { font-size: 10px; }

	.layout-module-content .product-list ul { gap: 40px 8px; }
}

.search-wrap { margin-top: 80px; }

.search-wrap .search-form { position: relative; padding: 6px 58px 6px 24px; margin: 0 auto 68px; width: 588px; background-color: #fff; border: 1px #E2E2E2 solid; border-radius: 99em; }
.search-wrap .search-form input[type='text'] { width: 100%; border: 0; background: transparent; border-radius: 0; font-size: 18px; }
.search-wrap .search-form .submit { position: absolute; top: 50%; right: 24px; transform: translateY(-50%); width: 24px; height: 24px; background: url("../images/ico/ico_search.svg") no-repeat 50% 50%; }

.search-wrap.square .search-form { padding: 0 58px 0 0; width: auto; border-radius: 0; }
.search-wrap.square .search-form input[type='text'] { font-size: 14px; }
.search-wrap.square .search-form .submit { right: 16px; }

.search-wrap { margin-bottom: 80px; }
.search-wrap .search-filter { margin-top: 8px; }
.search-wrap .search-filter h3 { margin-bottom: 8px; font-size: 26px; }
.search-wrap .search-filter .search-filter-inner { padding: 40px 0; border-width: 1px 0; border-style: solid; border-color: #000 transparent #e2e2e2 transparent; }
.search-wrap .search-filter .item-wrap { display: flex; align-items: center; gap: 0 35px; }
.search-wrap .search-filter .item-wrap + .item-wrap { margin-top: 40px; }
.search-wrap .search-filter .item-wrap .item { flex: 1; }
.search-wrap .search-filter .item-wrap .item.noFlex { flex: none; }
.search-wrap .search-filter .item-wrap .item.noFlex select { width: 290px; }

.search-wrap .search-filter .form-wrap { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.search-wrap .search-filter .form-wrap .form { flex: 1; }
.search-wrap .search-filter .form-wrap .form select,
.search-wrap .search-filter .form-wrap .form input { width: 100%; }

.search-wrap .search-filter .search-chk { margin-top: 32px; }
@media screen and (max-width: 768px) {
	.search-wrap { margin-top: 40px; }

	.search-wrap .search-form { width: auto; margin: 0 auto 28px; }

	.search-wrap.square .search-form { padding: 0 58px 0 0; width: auto; border-radius: 0; }

	.search-wrap { margin-bottom: 40px; }
	.search-wrap .search-filter h3 { font-size: 20px; }
	.search-wrap .search-filter .search-filter-inner { padding: 20px 0; }
	.search-wrap .search-filter .item-wrap { align-items: flex-start; flex-direction: column; gap: 20px 0; }
	.search-wrap .search-filter .item-wrap + .item-wrap { margin-top: 20px; }
	.search-wrap .search-filter .item-wrap .item { width: 100%; }
	.search-wrap .search-filter .item-wrap .item.noFlex { flex: 1; }
	.search-wrap .search-filter .item-wrap .item.noFlex select { width: 100%; }

	.search-wrap .search-filter .form-wrap { gap: 8px; }

	.search-wrap .search-filter .search-chk { margin-top: 20px; }
}

.product-wrap { display: flex; justify-content: space-between; margin-top: 80px; }
@media screen and (max-width: 768px) {
	.product-wrap { display: block; margin-top: 0; }
}

.product-img { overflow: hidden; width: 608px; }
.product-img .product-img-big .swiper-slide { overflow: hidden; width: 608px; height: 608px; }
.product-img .product-img-big img { width: 608px; height: 608px; object-fit: cover; }
.product-img .product-img-big .swiper-pagination-progressbar { opacity: 0; top: auto; left: 60px; bottom: 24px; right: 60px; width: auto; }
@media screen and (max-width: 768px) {
	.product-img { margin-left: -16px; width: 100vw; }
	.product-img .product-img-big .swiper-slide { width: 100vw; height: 100vw; }
	.product-img .product-img-big img { width: 100vw; height: 100vw; }
	.product-img .product-img-big .swiper-button-prev,
	.product-img .product-img-big .swiper-button-next { display: none; }
	.product-img .product-img-big .swiper-pagination-progressbar { opacity: 1; }
}

.product-img .product-img-small { margin-top: 32px; padding: 0 30px; }
.product-img .product-img-small .swiper-slide { overflow: hidden; width: 100px; height: 100px; border: 1px #E2E2E2 solid; cursor: pointer; }
.product-img .product-img-small .swiper-slide.swiper-slide-active { border-color: #003B83; }
.product-img .product-img-small img { width: 100px; height: 100px; object-fit: cover; }
.product-img .product-img-small .swiper-button-prev,
.product-img .product-img-small .swiper-button-next { top: 0; margin-top: 0; width: 30px; height: 100px; background-color: #fff; background-size: 16px 16px; }
.product-img .product-img-small .swiper-button-prev { left: 0; background-position: 0 50%; }
.product-img .product-img-small .swiper-button-next { right: 0; background-position: 100% 50%; }
@media screen and (max-width: 768px) {
	.product-img .product-img-small { display: none; }
}

.product-buy { width: 608px; }
.product-buy .product-buy-header { position: relative; margin-bottom: 40px; padding-bottom: 11px; border-bottom: 2px #000 solid; }

.product-buy .product-label-wrap { display: flex; gap: 4px; }
.product-buy .product-label { padding: 3px 8px; font-size: 12px; color: #fff; border-radius: 2px; }
.product-buy .product-label.black { background-color: #000; }
.product-buy .product-label.red { background-color: #FF4848; }
.product-buy .product-label.gray { color: #000; background-color: #F2F2F2; }

.product-buy .product-share { position: absolute; top: -3px; right: 0; display: flex; gap: 10px; }
.product-buy .product-share a { width: 28px; height: 28px; background-position: 0 0; background-repeat: no-repeat; background-size: contain; }
.product-buy .product-share .share { background-image: url("../images/common/ico_share.svg"); }
.product-buy .product-share .favorite { background-image: url("../images/common/ico_favorite.svg"); }
.product-buy .product-share .favorite.active { background-image: url("../images/common/ico_favorite_on.svg"); }

.product-buy .product-info .name { font-size: 30px; word-break: normal; }
.product-buy .product-info .small-desc { font-size: 14px; color: #666; }

.product-buy .product-info .price .item { padding: 40px 0; border-bottom: 1px #e6e6e6 solid; }
.product-buy .product-info .price dl { display: flex; align-items: center; }
.product-buy .product-info .price dl + dl { margin-top: 24px; }
.product-buy .product-info .price dl dt { width: 100px; font-size: 16px; color: #666; }
.product-buy .product-info .price dl dd { flex: 1; padding-right: 80px; position: relative; font-size: 16px; }
.product-buy .product-info .price span { display: inline-block; }
.product-buy .product-info .price .origin { font-size: 20px; color: #999; text-decoration: line-through; }
.product-buy .product-info .price .discount { margin-right: 4px; font-size: 20px; color: #FF4848; }
.product-buy .product-info .price .final { margin-right: 12px; font-size: 20px; }
.product-buy .product-info .price .point { font-size: 14px; color: #666; }
.product-buy .product-info .price .btn-detail { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding-right: 18px; background: url("../images/common/ico_arrow_right_gray.svg") no-repeat 100% 50%; font-size: 12px; color: #999; }
@media screen and (max-width: 768px) {
	.product-buy { width: auto; margin-top: 20px; }
	.product-buy .product-buy-header { margin-bottom: 20px; padding-bottom: 8px; }

	.product-buy .product-share { top: 0; }
	.product-buy .product-share a { width: 24px; height: 24px; background-size: contain; }

	.product-buy .product-info .name { font-size: 20px; }
	.product-buy .product-info .small-desc { font-size: 12px; }

	.product-buy .product-info .price .item { padding: 20px 0; }
	.product-buy .product-info .price .item:last-child { border: 0; }
	.product-buy .product-info .price dl + dl { margin-top: 10px; }
	.product-buy .product-info .price dl dt { width: 70px; font-size: 14px; }
	.product-buy .product-info .price dl dd { font-size: 14px; }
	.product-buy .product-info .price .origin { font-size: 16px; }
	.product-buy .product-info .price .discount { font-size: 16px; }
	.product-buy .product-info .price .final { font-size: 16px; }
	.product-buy .product-info .price .point { font-size: 12px; }
}

.product-opt { position: relative; margin-top: 40px; }
.product-opt .btn-close { display: none; position: absolute; top: 20px; right: 16px; }
.product-opt .btn-close a,
.product-opt .btn-close button { display: block; width: 24px; height: 24px; background: url("../images/ico/ico_closeX32.svg") no-repeat 0 0; background-size: contain; }

.product-opt .product-opt-select .item + .item,
.product-opt .product-opt-select .item + div { margin-top: 12px; }
.product-opt .product-opt-select .item select { color: #999; }
.product-opt .product-opt-select .item .select-label { padding: 8px 0; }
.product-opt .product-opt-select .button-area { margin-top: 12px; }

.product-opt .product-opt-result .product-name { font-size: 18px; }
.product-opt .product-opt-result .item { position: relative; margin-top: 12px; padding: 20px 16px; border: 1px #E2E2E2 solid; }
.product-opt .product-opt-result .item .btn-del { position: absolute; top: 16PX; right: 16px; }
.product-opt .product-opt-result .item .btn-del a { display: block; width: 16px; height: 16px; background: url("../images/ico/ico_closeX32.svg") no-repeat  0 0; background-size: contain; }
.product-opt .product-opt-result dl { padding-right: 30px; }
.product-opt .product-opt-result dl dt,
.product-opt .product-opt-result dl dd { color: #545454; }
.product-opt .product-opt-result dl + dl { margin-top: 20px; }

.product-opt .product-opt-result dl + .product-opt-modify { margin-top: 16px; }
.product-opt-modify { display: flex; align-items: center; justify-content: space-between; }
.product-opt-modify-wrap { overflow: hidden; }
.product-opt-modify-wrap button,
.product-opt-modify-wrap input { float: left; height: 30px; }
.product-opt-modify-wrap button { width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0; }
.product-opt-modify-wrap .btn-minus { background-image: url("../images/common/btn_minus.svg"); }
.product-opt-modify-wrap .btn-plus { background-image: url("../images/common/btn_plus.svg"); }
.product-opt-modify-wrap input::-webkit-outer-spin-button,
.product-opt-modify-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.product-opt-modify-wrap input[type=number] { margin: 0 -1px; width: 59px; background-color: #fff; color: #000; text-align: center; -moz-appearance: textfield; }
@media screen and (max-width: 768px) {
	.product-buy .product-opt { position: fixed; bottom: 0; left: 0; z-index: 20; width: 100vw; margin-top: 0; padding: 0 16px; background-color: #fff; }
	.product-buy .product-opt.active { display: block; padding: 64px 16px 0; }

	.product-buy .product-opt .product-opt-select,
	.product-buy .product-opt .product-total-sum,
	.product-buy .product-opt .product-opt-result { display: none; }

	.product-buy .product-opt.active .btn-close,
	.product-buy .product-opt.active .product-opt-select,
	.product-buy .product-opt.active .product-total-sum,
	.product-buy .product-opt.active .product-opt-result { display: block; }

	.product-buy .product-opt > .button-area { gap: 0; margin-top: 0; margin-left: -16px; width: 100vw; }

	.product-buy .product-opt.active .product-opt-wrap { overflow: hidden; overflow-y: auto; max-height: calc(100vh - 275px); padding-bottom: 20px; }
}

.product-total-sum { margin-top: 40px; padding-top: 40px; border-top: 1px #E2E2E2 solid; }
.product-total-sum dl { display: flex; align-items: center; justify-content: space-between; }
.product-total-sum dl dt { font-size: 16px; }
.product-total-sum dl dd .count,
.product-total-sum dl dd strong { display: inline-block; vertical-align: middle; }
.product-total-sum dl dd .count { color: #545454; }
.product-total-sum dl dd strong { margin-left: 10px; font-size: 30px; }
.product-total-sum dl dd strong .unit { padding-left: 5px; font-size: 18px; }
@media screen and (max-width: 768px) {
	.product-total-sum { margin-top: 20px; padding: 20px 0 45px; }
	.product-buy .product-total-sum { margin-top: 0; }

	.product-total-sum dl dd .count { font-size: 12px; }
	.product-total-sum dl dd strong { font-size: 24px; }
	.product-total-sum dl dd strong .unit { font-size: 16px; }
}

.product-detail-info { margin-top: 50px; text-align: center; }
.product-detail-info img { /*width: 100%;*/ }
.product-detail-info .img + .img { margin-top: 40px; }
.product-detail-info .table-row { margin-top: 80px; }
@media screen and (max-width: 768px) {
	.product-detail-info { margin-top: 40px; }
	.product-detail-info .img + .img { margin-top: 20px; }
	.product-detail-info .table-row { margin-top: 40px; }
}

.product-review { margin-top: 50px; }
@media screen and (max-width: 768px) {
	.product-review { margin-top: 40px; }
}

.review-average { display: flex; padding: 80px 0; border-top: 1px #000 solid; }
.review-average .review-average-total { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: 472px; border-right: 1px #e6e6e6 solid; }
.review-average .review-average-total .review-average-total-num { font-size: 40px; color: #1D252D; }
.review-average .review-average-total .review-average-total-star { width: 240px; height: 40px; background: url("../images/common/star_frame.png") no-repeat 0 0; }
.review-average .review-average-total .review-average-total-star-range { height: 40px; background: url("../images/common/star_all.png") no-repeat 0 0; }

.review-average .review-average-summary { flex: 1; padding: 0 74px; }
.review-average .review-average-summary .review-average-summary-item { position: relative; padding-left: 36px; }
.review-average .review-average-summary .review-average-summary-item + .review-average-summary-item { margin-top: 22px; }
.review-average .review-average-summary .review-average-summary-item .review-average-summary-num { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #1D252D; }
.review-average .review-average-summary .review-average-summary-item .review-average-summary-graph { position: relative; width: 100%; height: 8px; background-color: #E5E5E5; }
.review-average .review-average-summary .review-average-summary-item .review-average-summary-graph .review-average-summary-graph-range { position: absolute; top: 0; left: 0; height: 8px; background-color: #1D252D; }
@media screen and (max-width: 768px) {
	.review-average { display: block; padding: 0; }
	.review-average .review-average-total { padding: 20px 0; width: 100%; border-right: 0; border-bottom: 1px #e6e6e6 solid; }
	.review-average .review-average-total .review-average-total-num { font-size: 24px; }
	.review-average .review-average-total .review-average-total-star { width: 120px; height: 20px; background-size: contain; }
	.review-average .review-average-total .review-average-total-star-range { height: 20px; background-size: auto 20px; }

	.review-average .review-average-summary { padding: 20px 0; }
	.review-average .review-average-summary .review-average-summary-item + .review-average-summary-item { margin-top: 12px; }
	.review-average .review-average-summary .review-average-summary-item .review-average-summary-num { font-size: 12px; }
	.review-average .review-average-summary .review-average-summary-item .review-average-summary-graph { height: 4px; }
	.review-average .review-average-summary .review-average-summary-item .review-average-summary-graph .review-average-summary-graph-range { height: 4px; }
}

.review-list { border-top: 1px #000 solid; }

.review-list .review-list-item { position: relative; /* padding: 25px 20px 30px; border-bottom: 1px #E2E2E2 solid; background-color: #fff; */ cursor: pointer; }

.review-list .review-list-item .review-info { position: relative; display: flex; padding: 25px 20px 0; }
.review-list .review-list-item .review-info > div { position: relative; padding: 0 16px; }
.review-list .review-list-item .review-info > div + div:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: #BABABA; content: ""; }
.review-list .review-list-item .review-info > div:first-child { padding-left: 0; }
.review-list .review-list-item .review-info .review-user {  }
.review-list .review-list-item .review-info .review-star { width: 86px; height: 16px; background: url("../images/common/star_frame.png") no-repeat 0 0; background-size: 86px 16px; }
.review-list .review-list-item .review-info .review-star .review-star-range { height: 16px; background: url("../images/common/star_all.png") no-repeat 0 0; background-size: 86px 16px; }
.review-list .review-list-item .review-info .review-date,
.review-list .review-list-item .review-info .review-product-info { font-size: 12px; color: #6B6B6B; }
.review-list .review-list-item .review-info .ico { position: absolute; top: 25px; right: 20px; padding: 0; width: 16px; height: 16px; background: url("../images/ico/ico_arrow_down.svg") no-repeat 0 0; background-size: contain; }
.review-list .review-list-item .review-info .ico:before { display: none; }

.review-list .review-list-item .review-cont { padding: 30px 20px; border-bottom: 1px #E2E2E2 solid; }
.review-list .review-list-item .review-cont .review-write { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 18px; }
.review-list .review-list-item .review-cont .review-img { overflow: hidden; overflow-x: auto; margin-top: 24px; }
.review-list .review-list-item .review-cont .review-img ul { display: inline-flex; gap: 12px; }
.review-list .review-list-item .review-cont .review-img ul li { display: none; overflow: hidden; width: 100px; height: 100px; }
.review-list .review-list-item .review-cont .review-img ul li:first-child { display: block; }
.review-list .review-list-item .review-cont .review-img ul li img { width: 100px; height: 100px; object-fit: cover; }
.review-list .review-list-item .review-cont .button-area { display: none; justify-content: flex-end; margin-top: 24px; }

.review-list .review-list-item.active .review-info,
.review-list .review-list-item.active .review-cont { background-color: #F5F5F5; }
.review-list .review-list-item.active .review-info .ico { background: url("../images/ico/ico_arrow_up.svg"); }
.review-list .review-list-item.active .review-cont .review-write { white-space: unset; height: auto; }
.review-list .review-list-item.active .review-cont .review-img ul li { display: block; width: 200px; height: 200px; }
.review-list .review-list-item.active .review-cont .review-img ul li img { width: 200px; height: 200px; }
.review-list .review-list-item.active .review-cont .button-area { display: flex; }

.review-list .review-payment-product-wrap { display: flex; align-items: center; padding: 20px 24px; border-bottom: 1px #E2E2E2 solid; background-color: #fff; }

.review-list .review-payment-product-wrap .review-payment-product { flex: 1; display: flex; align-items: flex-start; gap: 16px; }
.review-list .review-payment-product-wrap .review-payment-product .review-payment-product-thumb { overflow: hidden; border: 1px #E2E2E2 solid; }
.review-list .review-payment-product-wrap .review-payment-product .review-payment-product-thumb img { width: 78px; height: 78px; object-fit: cover; }
.review-list .review-payment-product-wrap .review-payment-product .review-payment-product-info { flex: 1; }
.review-list .review-payment-product-wrap .review-payment-product .review-payment-product-info .review-payment-product-opt { color: #6B6B6B; font-size: 12px; }

.review-list .review-payment-product-wrap .review-payment-info { width: 160px; }
.review-list .review-payment-product-wrap .review-payment-info .noReview { font-size: 12px; color: #6B6B6B; text-align: center; }
.review-list .review-payment-product-wrap .review-payment-info .review-payment-date { text-align: center; }
.review-list .review-payment-product-wrap .review-payment-info .review-payment-date em,
.review-list .review-payment-product-wrap .review-payment-info .review-payment-date strong { display: block; }
.review-list .review-payment-product-wrap .review-payment-info .review-payment-date em,
.review-list .review-payment-product-wrap .review-payment-info .review-payment-date strong { color: #999999; font-size: 12px; }
.review-list .review-payment-product-wrap .review-payment-info .review-payment-date em + strong { margin-top: 4px; color: #000; font-size: 14px; }
.review-list .review-payment-product-wrap .review-payment-info .review-payment-date .btn { margin-top: 4px; }

.review-list .review-payment-product-wrap + .review-info,
.review-list .review-payment-product-wrap + .review-info + .review-cont { background-color: #F5F5F5; }
@media screen and (max-width: 768px) {
	.review-list .review-list-item { padding: 20px; }

	.review-list .review-list-item .review-info { overflow: hidden; display: block; }
	.review-list .review-list-item .review-info > div { float: left; }
	.review-list .review-list-item .review-info .review-product-info { padding: 0; margin-top: 20px; width: 100%; }
	.review-list .review-list-item .review-info .review-product-info:before { display: none; }

	.review-list .review-list-item .review-cont .review-write { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 18px; }
	.review-list .review-list-item .review-cont .review-img { margin-top: 20px; }
	.review-list .review-list-item .review-cont .button-area { margin-top: 20px; }

	.review-list .review-payment-product-wrap { display: block; padding: 20px 16px; }

	.review-list .review-payment-product-wrap .review-payment-product { width: 100%; }

	.review-list .review-payment-product-wrap .review-payment-info { display: block; margin-top: 20px; padding: 20px 0 0 0; width: 100%; border-top: 1px #E2E2E2 dashed; text-align: center; }
	.review-list .review-payment-product-wrap .review-payment-info .review-payment-date { display: block; padding: 0; text-align: center; }
	.review-list .review-payment-product-wrap .review-payment-info .review-payment-date em,
	.review-list .review-payment-product-wrap .review-payment-info .review-payment-date strong { display: inline-block; }
	.review-list .review-payment-product-wrap .review-payment-info .review-payment-date em + strong { margin-top: 0; }
	.review-list .review-payment-product-wrap .review-payment-info .review-payment-date .btn { margin-top: 20px; width: 100%; }
}

.product-inquiry { position: relative; margin-top: 50px; }
.product-inquiry .btn-write { position: absolute; top: 17px; right: 0; }

.product-inquiry .product-inquiry-items { border-top: 1px #000 solid; }
.product-inquiry .product-inquiry-items .product-inquiry-header,
.product-inquiry .product-inquiry-items .product-inquiry-item { display: flex; gap: 30px; }
.product-inquiry .product-inquiry-items .product-inquiry-status { width: 66px; text-align: center; }
.product-inquiry .product-inquiry-items .product-inquiry-ctg { width: 120px; text-align: center; }
.product-inquiry .product-inquiry-items .product-inquiry-title { width: 612px; }
.product-inquiry .product-inquiry-items .product-inquiry-user,
.product-inquiry .product-inquiry-items .product-inquiry-date { width: 138px; text-align: center; }
.product-inquiry .product-inquiry-items .product-inquiry-blank { flex: 1; text-align: center; }
.product-inquiry .product-inquiry-items .product-inquiry-blank .ico { display: inline-block; width: 16px; height: 16px; background: url("../images/ico/ico_arrow_down.svg") no-repeat 0 0; }

.product-inquiry.mypage .product-inquiry-items .product-inquiry-header,
.product-inquiry.mypage .product-inquiry-items .product-inquiry-item { display: flex; gap: 30px; }
.product-inquiry.mypage .product-inquiry-items .product-inquiry-status { width: 66px; text-align: center; }
.product-inquiry.mypage .product-inquiry-items .product-inquiry-ctg { width: 120px; text-align: center; }
.product-inquiry.mypage .product-inquiry-items .product-inquiry-title { width: 492px; }
.product-inquiry.mypage .product-inquiry-items .product-inquiry-date { width: 138px; text-align: center; }
.product-inquiry.mypage .product-inquiry-items .product-inquiry-info { width: 240px; text-align: center; }
.product-inquiry.mypage .product-inquiry-items .product-inquiry-info + .product-inquiry-title  { width: 372px; }

.product-inquiry .product-inquiry-items .product-inquiry-header { padding: 17px 20px 16px; background-color: #F5F5F5; font-size: 12px; }
.product-inquiry .product-inquiry-items .product-inquiry-header .product-inquiry-title { text-align: center; }

.product-inquiry .product-inquiry-items .product-inquiry-item { padding: 19px 20px 18px; border-bottom: 1px #E2E2E2 solid; cursor: pointer; }
.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-status .label-status { display: inline-block; padding: 2px 8px; font-size: 12px; color: #fff; }
.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-status .label-status.off { background-color: #C2C2C2 }
.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-status .label-status.on { background-color: #252525; }
.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-title.lock:before { display: inline-block; margin-right: 8px; width: 16px; height: 16px; background: url("../images/ico/ico_lock.svg") no-repeat 0 0; vertical-align: -3px; content: ""; }

.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select { position: relative; padding-left: 52px; min-height: 40px; text-align: left; }
.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select .thumb { overflow: hidden; position: absolute; top: 0; left: 0; border: 1px #E2E2E2 solid; }
.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select .thumb img { width: 38px; height: 38px; object-fit: cover; }
.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select .name { font-size: 12px; color: #404040; }

.product-inquiry .product-inquiry-items .product-inquiry-item.active .product-inquiry-blank .ico { background-image: url("../images/ico/ico_arrow_up.svg"); }

.product-inquiry .product-inquiry-items .product-inquiry-reply { padding: 40px 24px 30px; background-color: #F4F4F4; border-bottom: 1px #ddd solid; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .orderNo { margin-bottom: 32px; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select { position: relative; padding: 0 0 24px 72px; margin-bottom: 24px; min-height: 84px; border-bottom: 1px #E2E2E2 solid; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select .thumb { position: absolute; top: 0; left: 0; border: 1px #E2E2E2 solid; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select .thumb img { width: 58px; height: 58px; object-fit: cover; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select .info .price { font-size: 12px; color: #6B6B6B; }

.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-cont,
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer { position: relative; padding-left: 30px; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer { margin-top: 40px; }

.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-cont:before,
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 13px; color: #fff; text-align: center; line-height: 20px; border-radius: 99em; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-cont:before { background-color: #999999; content: "Q"; }
.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer:before { background-color: #1D252D; content: "A"; }

.product-inquiry .product-inquiry-items .product-inquiry-reply .button-area { justify-content: flex-end; margin-top: 20px; }
@media screen and (max-width: 768px) {
	.product-inquiry { margin-top: 40px; }
	.product-inquiry .btn-write { position: absolute; top: 17px; right: 0; }

	.product-inquiry .product-inquiry-items { border-top: 1px #000 solid; }
	.product-inquiry .product-inquiry-items .product-inquiry-header { display: none; }
	.product-inquiry .product-inquiry-items .product-inquiry-item { overflow: hidden; position: relative; display: block; }
	.product-inquiry .product-inquiry-items .product-inquiry-status,
	.product-inquiry .product-inquiry-items .product-inquiry-ctg,
	.product-inquiry .product-inquiry-items .product-inquiry-title,
	.product-inquiry .product-inquiry-items .product-inquiry-user,
	.product-inquiry .product-inquiry-items .product-inquiry-date { width: auto; text-align: left; }
	.product-inquiry .product-inquiry-items .product-inquiry-date { font-size: 12px; color: #999; }
	.product-inquiry .product-inquiry-items .product-inquiry-blank .ico { position: absolute; top: 18px; right: 16px }

	.product-inquiry .product-inquiry-items .product-inquiry-ctg { position: absolute; top: 17px; left: 96px; }
	.product-inquiry .product-inquiry-items .product-inquiry-title,
	.product-inquiry .product-inquiry-items .product-inquiry-user,
	.product-inquiry .product-inquiry-items .product-inquiry-date { margin-top: 8px; }
	.product-inquiry .product-inquiry-items .product-inquiry-user,
	.product-inquiry .product-inquiry-items .product-inquiry-date { float: left; }
	.product-inquiry .product-inquiry-items .product-inquiry-user + .product-inquiry-date { margin-left: 16px; }

	.product-inquiry.mypage .product-inquiry-items .product-inquiry-header { display: none; }
	.product-inquiry.mypage .product-inquiry-items .product-inquiry-item { display: block; }
	.product-inquiry.mypage .product-inquiry-items .product-inquiry-status,
	.product-inquiry.mypage .product-inquiry-items .product-inquiry-ctg,
	.product-inquiry.mypage .product-inquiry-items .product-inquiry-title,
	.product-inquiry.mypage .product-inquiry-items .product-inquiry-date,
	.product-inquiry.mypage .product-inquiry-items .product-inquiry-info,
	.product-inquiry.mypage .product-inquiry-items .product-inquiry-info + .product-inquiry-title  { width: auto; text-align: left; }

	.product-inquiry.mypage .product-inquiry-items .product-inquiry-info { margin-top: 8px; }

	.product-inquiry .product-inquiry-items .product-inquiry-item { padding: 16px; }

	.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select { position: relative; padding-left: 52px; min-height: 40px; text-align: left; }
	.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select .thumb { overflow: hidden; position: absolute; top: 0; left: 0; border: 1px #E2E2E2 solid; }
	.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select .thumb img { width: 38px; height: 38px; object-fit: cover; }
	.product-inquiry .product-inquiry-items .product-inquiry-item .product-inquiry-select .name { font-size: 12px; color: #404040; }

	.product-inquiry .product-inquiry-items .product-inquiry-reply { padding: 16px; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .orderNo { margin-bottom: 16px; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select { position: relative; padding: 0 0 24px 72px; margin-bottom: 24px; min-height: 84px; border-bottom: 1px #E2E2E2 solid; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select .thumb { position: absolute; top: 0; left: 0; border: 1px #E2E2E2 solid; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select .thumb img { width: 58px; height: 58px; object-fit: cover; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-select .info .price { font-size: 12px; color: #6B6B6B; }

	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-cont,
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer { padding-left: 30px; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer { margin-top: 16px; padding-top: 16px; }

	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-cont:before,
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer:before { position: absolute; left: 0; width: 20px; height: 20px; font-size: 13px; color: #fff; text-align: center; line-height: 20px; border-radius: 99em; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-cont:before { top: 0; background-color: #999999; content: "Q"; }
	.product-inquiry .product-inquiry-items .product-inquiry-reply .product-inquiry-answer:before { top: 16px; background-color: #1D252D; content: "A"; }

	.product-inquiry .product-inquiry-items .product-inquiry-reply .button-area { justify-content: flex-end; margin-top: 20px; }
}

.product-delivery-return-policy { margin-top: 50px; }
.product-delivery-return-policy img { width: 100%; }
.product-delivery-return-policy .product-delivery-return-policy-cont { padding: 24px 10px; border-top: 1px #000 solid; }
.product-delivery-return-policy .product-delivery-return-policy-cont + .sec-title { margin-top: 56px; }

.product-delivery-return-policy h3 { padding: 0 !important; font-family: 'KOVO', "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif !important; font-size: 26px !important; padding-bottom: 8px !important; border-bottom: 1px #000000 solid; text-align: left !important; color: #000 !important; }
.product-delivery-return-policy h3 span { font-family: 'KOVO', "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif !important; font-size: 26px !important; color: #000 !important; }
.product-delivery-return-policy .admin_msg { margin-top: 24px; min-height: auto !important; }
.product-delivery-return-policy *,
.product-delivery-return-policy .admin_msg,
.product-delivery-return-policy p,
.product-delivery-return-policy span,
.product-delivery-return-policy strong { font-family: 'KOVO', "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif !important; }


.product-delivery-return-policy .admin_msg + h3 { margin-top: 80px; }

.tab-menu { position: relative; margin-top: 150px; /* height: 62px; */ }
.tab-menu ul { display: flex; /*position: absolute; top: 0; left: 0; width: 100%;*/ }
.tab-menu ul li { display: flex; align-items: center; justify-content: center; flex: 1; background-color: #fff; border: 1px #E2E2E2 solid; color: #404040; text-align: center; }
.tab-menu ul li + li { margin-left: -1px; }
.tab-menu ul li.active { background-color: #1D252D; border-color: #1D252D; color: #fff; }
.tab-menu ul li a { display: block; padding: 20px 8px; width: 100%; }
@media screen and (max-width: 768px) {
	.tab-menu { margin-top: 20px; }
	.tab-menu ul li a { padding: 11px 8px; font-size: 12px; }
}

.form-container {  }

.form-container .item-wrap { display: flex; gap: 0 42px; }
.form-container .item-wrap + .item-wrap { margin-top: 24px; }
.form-container .item-wrap .item { flex: 1; }
/*
.popup .form-container .item-wrap .item > .label { display: block; }
.popup .form-container .item-wrap .item > .label + .label { margin-left: 0; margin-top: 9px; }
*/

.form-container.row .item-wrap + .item-wrap { padding-top: 24px; margin-top: 24px; border-top: 1px #E2E2E2 solid; }
.form-container.row .item { display: flex; align-items: center; gap: 16px; }
.form-container.row .form-label { width: 120px; }
.form-container.row .form-wrap { flex: 1; }

.form-container .form-label .star { font-size: 10px; color: #F64646; vertical-align: 3px; }
.form-container .form-label + .form-wrap { margin-top: 8px; }

.form-container .form-wrap { display: flex; align-items: center; gap: 12px; }
.form-container .form-wrap.vertical { align-items: flex-start; flex-direction: column; margin-top: 16px; }
.form-container .form-wrap + .form-wrap { margin-top: 8px; }
.form-container .form-wrap .form { position: relative; flex: 1; }
.form-container .form-wrap .blank { flex: unset; }
.form-container .form-wrap .form select,
.form-container .form-wrap .form input { width: 100%; }
.form-container .form-wrap .form select + select,
.form-container .form-wrap .form input + input,
.form-container .form-wrap .form input + select,
.form-container .form-wrap .form select + input { margin-top: 8px; }
.form-container .form-wrap .form textarea { min-height: 180px; }
.form-container .form-wrap .form input + .label { margin-top: 9px; }
.form-container .form-wrap .form .form-sub-label { margin: 7px 0 8px; color: #404040; }
.form-container .form-wrap .form .byte { position: absolute; bottom: 16px; right: 16px; font-size: 12px; color: #999999; text-align: right; }
.form-container .form-wrap .form .byte strong { color: #000; }

.form-container .form-wrap .form .unit { position: relative; display: inline-block; }
.form-container .form-wrap .form .unit:after { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 12px; }
.form-container .form-wrap .form .unit input { padding-right: 36px; width: auto; text-align: right; }

.form-container .form-wrap .form .unit.won:after { content: "원"; }
.form-container .form-wrap .form .unit.point:after { content: "P"; }

.form-container .form-wrap .form .row-item-space { display: flex; align-items: center; gap: 16px; }

.form-container .form-wrap .form .search-wrap { margin-top: 0; }
.form-container .form-wrap .form .search-wrap .search-form { margin-bottom: 0; }

.form-container .form-wrap .form .product-summary { display: flex; align-items: center; gap: 16px; }
.form-container .form-wrap .form .product-summary .thumb { overflow: hidden; width: 60px; height: 60px; border: 1px #E2E2E2 solid; }
.form-container .form-wrap .form .product-summary .thumb img { width: 58px; height: 58px; object-fit: cover; }
.form-container .form-wrap .form .product-summary .title { flex: 1; }

.form-container .form-wrap .form .review-star { position: relative; width: 240px; height: 40px; background: url("../images/common/star_frame.png") no-repeat 0 0; }
.form-container .form-wrap .form .review-star button { position: absolute; width: 48px; height: 40px; top: 0; }
.form-container .form-wrap .form .review-star button.star01 { left: 0; }
.form-container .form-wrap .form .review-star button.star02 { left: 20%; }
.form-container .form-wrap .form .review-star button.star03 { left: 40%; }
.form-container .form-wrap .form .review-star button.star04 { left: 60%; }
.form-container .form-wrap .form .review-star button.star05 { left: 80%; }
.form-container .form-wrap .form .review-star .review-star-range { height: 40px; background: url("../images/common/star_all.png") no-repeat 0 0; }
@media screen and (max-width: 768px) {
	.form-container {  }

	.form-container .item-wrap { flex-direction: column; gap: 20px; }
	.form-container .item-wrap + .item-wrap { margin-top: 20px; }

	.form-container.row .item-wrap + .item-wrap { padding-top: 20px; margin-top: 20px; }
	.form-container.row .item { flex-direction: column; align-items: flex-start; gap: 8px; }
	.form-container.row .form-label { width: auto; }
	.form-container.row .form-wrap .form .row-item-space { flex-wrap: wrap; gap: 8px; }

	.form-container .form-label .star { font-size: 10px; color: #F64646; vertical-align: 3px; }
	.form-container .form-label + .form-wrap { margin-top: 8px; }

	.form-container .form-wrap { display: flex; align-items: center; gap: 12px; }
	.form-container .form-wrap + .form-wrap { margin-top: 8px; }
	.form-container .form-wrap .form { position: relative; flex: 1; }
	.form-container .form-wrap .blank { flex: unset; }
	.form-container .form-wrap .form select,
	.form-container .form-wrap .form input { width: 100%; }
	.form-container .form-wrap .form select + select,
	.form-container .form-wrap .form input + input,
	.form-container .form-wrap .form input + select,
	.form-container .form-wrap .form select + input { margin-top: 8px; }
	.form-container .form-wrap .form textarea { min-height: 180px; }
	.form-container .form-wrap .form input + .label { margin-top: 9px; }
	.form-container .form-wrap .form .form-sub-label { margin: 7px 0 8px; color: #404040; }
	.form-container .form-wrap .form .byte { position: absolute; bottom: 16px; right: 16px; font-size: 12px; color: #999999; text-align: right; }
	.form-container .form-wrap .form .byte strong { color: #000; }

	.form-container .form-wrap .form .unit { position: relative; display: inline-block; }
	.form-container .form-wrap .form .unit:after { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 12px; }
	.form-container .form-wrap .form .unit input { padding-right: 36px; width: auto; text-align: right; }

	.form-container .form-wrap .form .unit.won:after { content: "원"; }
	.form-container .form-wrap .form .unit.point:after { content: "P"; }

	.form-container .form-wrap .form .row-item-space { display: flex; align-items: center; gap: 16px; }

	.form-container .form-wrap .form .product-summary { display: flex; align-items: center; gap: 16px; }
	.form-container .form-wrap .form .product-summary .thumb { overflow: hidden; width: 60px; height: 60px; border: 1px #E2E2E2 solid; }
	.form-container .form-wrap .form .product-summary .thumb img { width: 58px; height: 58px; object-fit: cover; }
	.form-container .form-wrap .form .product-summary .title { flex: 1; }

	.form-container .form-wrap .form .review-star { position: relative; width: 240px; height: 40px; background: url("../images/common/star_frame.png") no-repeat 0 0; }
	.form-container .form-wrap .form .review-star button { position: absolute; width: 48px; height: 40px; top: 0; }
	.form-container .form-wrap .form .review-star button.star01 { left: 0; }
	.form-container .form-wrap .form .review-star button.star02 { left: 20%; }
	.form-container .form-wrap .form .review-star button.star03 { left: 40%; }
	.form-container .form-wrap .form .review-star button.star04 { left: 60%; }
	.form-container .form-wrap .form .review-star button.star05 { left: 80%; }
	.form-container .form-wrap .form .review-star .review-star-range { height: 40px; background: url("../images/common/star_all.png") no-repeat 0 0; }
}

.payment-total { display: flex; margin-top: 80px; border-color: #000000; border-style: solid; border-width: 2px 0 1px 0; }
.payment-total dl { position: relative; flex: 1; text-align: center; }
.payment-total dl dt { padding: 24px 0; border-bottom: 1px #E2E2E2 solid; }
.payment-total dl dd { position: relative; padding: 54px 0; font-size: 22px; }
.payment-total dl dd small { font-size: 16px; }
.payment-total dl dd:before { position: absolute; top: 50%; left: -12px; transform: translateY(-50%); width: 24px; height: 24px; line-height: 22px; font-size: 16px; color: #fff; background-color: #000; border-radius: 99em; content: "+"; }
.payment-total dl:first-child dd:before { display: none; }
.payment-total dl:last-child dd:before { content: "="; }

.payment-total-detail { display: flex; border-color: #000000; border-style: solid; border-width: 2px 0 1px 0; }
.payment-total-detail small { font-size: 16px; }
.payment-total-detail dd dl { display: flex; align-items: center; justify-content: space-between; }

.payment-total-detail > dl { flex: 1; }
.payment-total-detail > dl + dl { border-left:  1px #E2E2E2 solid; }
.payment-total-detail > dl > dt { position: relative; padding: 20px 24px; border-bottom: 1px #E2E2E2 solid; }
.payment-total-detail > dl > dt:before { position: absolute; top: 50%; left: -12px; transform: translateY(-50%); width: 24px; height: 24px; line-height: 22px; font-size: 16px; color: #fff; background-color: #000; border-radius: 99em; text-align: center; content: "-"; }
.payment-total-detail > dl:first-child > dt:before { display: none; }
.payment-total-detail > dl:last-child > dt:before { content: "="; }
.payment-total-detail > dl:last-child > dt { color: #F64646; }

.payment-total-detail > dl > dt > dl > dt { /*font-size: 16px;*/ }
.payment-total-detail > dl > dt > dl > dd { text-align: right; font-size: 20px; }

.payment-total-detail > dl > dd  { padding: 20px 24px; }
.payment-total-detail > dl > dd > dl + dl { margin-top: 10px; }

.payment-summary { display: flex; border-width: 1px 0 1px; border-bottom-color: #E2E2E2; border-top-color: #000; border-style: solid; }
.payment-summary > div { flex: 1; }
.payment-summary > div + div { border-left: 1px #E2E2E2 solid; }

.payment-summary .payment-detail dl { display: flex; justify-content: space-between; }

.payment-summary .payment-detail .product-price { padding: 30px 24px; border-bottom: 1px #E2E2E2 solid; }

.payment-summary .payment-detail .payment-detail-list { padding: 16px 24px 24px; border-bottom: 1px #E2E2E2 solid; }
.payment-summary .payment-detail .payment-detail-list dl + dl { margin-top: 15px; }
.payment-summary .payment-detail .payment-detail-list dl.etc + dl.etc { margin-top: 8px; }
.payment-summary .payment-detail .payment-detail-list dl.etc { font-size: 12px; color: #6B6B6B; }

.payment-summary .payment-price { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.payment-summary .payment-price em { font-size: 16px; font-style: normal; }
.payment-summary .payment-price strong { font-size: 29px; color: #F64646; }
.payment-summary .payment-price strong span { font-size: 25px; }
@media screen and (max-width: 768px) {
	.payment-total { display: block; margin-top: 40px; padding: 0; }
	.payment-total dl { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding: 0 16px; }
	.payment-total dl dt { padding: 0; border-bottom: 0; }
	.payment-total dl dd { position: relative; padding: 0; font-size: 14px; }
	.payment-total dl dd small { font-size: 14px; }
	.payment-total dl dd:before { display: none; }
	.payment-total dl:last-child { padding: 20px 16px; border-top: 1px #E2E2E2 solid; background-color: #F5F5F5; }
	.payment-total dl:last-child dd { font-size: 20px; }
	.payment-total dl:last-child dd small { font-size: 16px; }

	.payment-total-detail { display: block; }
	.payment-total-detail small { font-size: 14px; }
	.payment-total-detail dt dl { display: flex; align-items: center; justify-content: space-between; }

	.payment-total-detail > dl { flex: 1; padding: 20px 16px; }
	.payment-total-detail > dl + dl { border-top: 1px #E2E2E2 dashed; }
	.payment-total-detail > dl + dl { border-left:  0 none; }
	.payment-total-detail > dl > dt { padding: 0; border-bottom: 0 none; }
	.payment-total-detail > dl > dt:before { display: none; }
	.payment-total-detail > dl:first-child > dt:before { display: none; }
	.payment-total-detail > dl:last-child > dt:before { display: none; }

	.payment-total-detail > dl > dt > dl > dt { font-size: 14px; }
	.payment-total-detail > dl > dt > dl > dd { font-size: 14px; }

	.payment-total-detail > dl:last-child { background-color: #F5F5F5; }
	.payment-total-detail > dl:last-child > dt > dl > dt { font-size: 16px; }
	.payment-total-detail > dl:last-child > dt > dl > dd { font-size: 20px; }
	.payment-total-detail > dl:last-child > dt > dl > dd small { font-size: 16px; }

	.payment-total-detail > dl > dd  { padding: 0; }
	.payment-total-detail > dl > dd > dl { margin-top: 20px; }
	.payment-total-detail > dl > dd > dl > dt,
	.payment-total-detail > dl > dd > dl > dd { font-size: 12px; color: #6B6B6B; }

	.payment-summary { display: block; }
	.payment-summary > div + div { border-left: 0; }

	.payment-summary .payment-detail .product-price { padding: 20px 16px; }

	.payment-summary .payment-detail .payment-detail-list { padding: 20px 16px; }

	.payment-summary .payment-price { flex-direction: row; justify-content: space-between; padding: 20px 16px; }
	.payment-summary .payment-price strong { font-size: 24px; }
	.payment-summary .payment-price strong span { font-size: 20px; }

	.payment-method { display: flex; flex-wrap: wrap; gap: 8px; }
	.payment-method .btn { width: calc(50% - 4px); min-width: auto; }
}

.payment-step { padding-top: 20px; border-top: 1px #000 solid; }
/*
.payment-step-inner { overflow: hidden; overflow-x: auto; }
.payment-step-product .swiper-wrapper { display: flex; }
 */

.payment-step-product .custom-pagination-wrap { display: none; bottom: 0; }
.payment-step-product .custom-pagination-wrap .numCurrent,
.payment-step-product .custom-pagination-wrap .numTotal { font-size: 14px; color: #000; }
.payment-step-product .custom-pagination-wrap .numTotal { opacity: 0.5; }
.payment-step-product .custom-pagination { width: 46.6667vw !important; background: rgba(0, 0, 0, .2) !important; }
.payment-step-product .custom-pagination .swiper-pagination-progressbar-fill { height: 4px; background-color: #000; }

.payment-step-product-item-wrap { position: relative; display: flex; flex: 1; padding: 24px 16px 76px; height: auto; border: 1px #BABABA solid; }
.payment-step-product-item-wrap + .payment-step-product-item-wrap { margin-left: -1px; }
.payment-step-product-item-wrap + .payment-step-product-item-wrap:before { position: absolute; top: 50%; left: -16px; margin-top: -32px; width: 32px; height: 32px; border-radius: 99em; background: #000 url("../images/common/ico_arrow_right_white.svg") no-repeat 50% 50%; background-size: 16px 16px; content: ""; }
.payment-step-product-item { flex: 1; padding: 0 20px; }
.payment-step-product-item .ico { display: block; width: 64px; height: 64px; background-repeat: no-repeat; background-position: 50% 50%; }
.payment-step-product-item .ico.step01 { background-image: url("../images/ico/ico_process01.svg"); }
.payment-step-product-item .ico.step02 { background-image: url("../images/ico/ico_process02.svg"); }
.payment-step-product-item .ico.step03 { background-image: url("../images/ico/ico_process03.svg"); }
.payment-step-product-item .ico.step04 { background-image: url("../images/ico/ico_process04.svg"); }
.payment-step-product-item .ico.step05 { background-image: url("../images/ico/ico_process05.svg"); }
.payment-step-product-item .ico.step06 { background-image: url("../images/ico/ico_process06.svg"); }
.payment-step-product-item strong { display: block; }
.payment-step-product-item p { margin-top: 4px; font-size: 12px; color: #404040; }

.payment-step-cancel-item { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #F5F5F5; }
.payment-step-cancel-item p { color: #404040; font-size: 12px; text-align: center; }

.order-info	dl { position: relative; display: inline-block; margin-bottom: 12px; }
.order-info	dl + dl { margin-left: 10px; padding-left: 11px; }
.order-info	dl + dl:before { position: absolute; top: 3px; left: 0; width: 1px; height: 12px; background-color: #000; content: ""; }
.order-info	dl dt,
.order-info	dl dd { display: inline-block; }
.order-info	dl dd { margin-left: 4px; }

.step-progress { margin-bottom: 40px; }
.step-progress ol { display: flex; justify-content: flex-end; }
.step-progress ol li { position: relative; color: #999999; font-size: 16px; }
.step-progress ol li.active { color: #000; }
.step-progress ol li + li { margin-left: 12px; padding-left: 28px; }
.step-progress ol li + li:before { position: absolute; top: 6px; left: 0; border: solid #999999; border-width: 0 1px 1px 0; display: inline-block; padding: 5px;  transform: rotate(-45deg); -webkit-transform: rotate(-45deg); content: ""; }
@media screen and (max-width: 768px) {
	.payment-step-product { padding-bottom: 50px; }
	.payment-step-product .custom-pagination-wrap { display: flex; }

	.payment-step-product-item-wrap { flex: none; }
	.payment-step-product-item-wrap + .payment-step-product-item-wrap { margin-left: 0 }
	.payment-step-product-item-wrap + .payment-step-product-item-wrap:before { display: none; }

	.step-progress { width: 100vw; margin-left: -16px; padding: 20px 16px; background-color: #F5F5F5; }
	.step-progress ol { justify-content: space-between; }
	.step-progress ol li { flex: 1; width: 100%; font-size: 12px; text-align: center; }
	.step-progress ol li + li { margin-left: 0; padding-left: 0; }
	.step-progress ol li + li:before { top: 13px; padding: 3px; }
}

.data-table { margin-top: 60px; }

.data-table .data-delivery { position: relative; padding: 28px 16px; background-color: #F5F5F5; }

.data-table .data-delivery .company { position: relative; }
.data-table .data-delivery .company .count { color: #F64646; }
.data-table .data-delivery .company .label { position: absolute; top: 0; left: 0; width: 20px; height: 20px; }
.data-table .data-delivery .price { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); }

.data-table.chkType .data-delivery .company { padding-left: 28px; }

.data-table .data-delivery + .data-table-thead { background-color: #fff; }
.data-table .data-delivery + .data-table-thead + .data-table-tbody .data-table-td + .data-table-td { border-left: 1px #E2E2E2 solid; }
.data-table .data-delivery + .data-table-thead + .data-table-tbody .data-table-td.blank + .data-table-td { border-left: 0; }

.data-table .payment-info { margin: 0 auto; text-align: center; }
.data-table .payment-info > div + div { margin-top: 4px; }
.data-table .payment-info .payment-sup { font-size: 12px; color: #6B6B6B; }
.data-table .payment-info .payment-sub {  }

.data-table .data-order	dl { position: relative; display: inline-block; margin-bottom: 12px; margin-right: 10px; padding-right: 11px; }
.data-table .data-order	dl:last-child { margin-right: 0; padding-right: 0; }
.data-table .data-order	dl:after { position: absolute; top: 3px; right: 0; width: 1px; height: 12px; background-color: #000; content: ""; }
.data-table .data-order	dl:last-child::after { display: none; }
.data-table .data-order	dl dt,
.data-table .data-order	dl dd { display: inline-block; }
.data-table .data-order	dl dd { margin-left: 4px; }

.data-table .data-table-inner { position: relative; border-top: 2px #000 solid; border-bottom: 1px #E2E2E2 solid; }
.data-table .data-table-tr { display: flex; width: 100%; }
.data-table .data-table-th,
.data-table .data-table-td { flex: 1; padding: 15px; text-align: center; }
.data-table .data-table-th { font-size: 12px; }

.data-table .col { flex: unset; }
.data-table .col.w40 { width: calc(40px + 30px); }
.data-table .col.w80 { width: calc(80px + 30px); }
.data-table .col.w90 { width: calc(90px + 30px); }
.data-table .col.w100 { width: calc(100px + 30px); }
.data-table .col.w120 { width: calc(120px + 30px); }
.data-table .col.w150 { width: calc(150px + 30px); }
.data-table .col.w180 { width: calc(180px + 30px); }
.data-table .col.w200 { width: calc(200px + 30px); }
.data-table .col.w320 { width: calc(320px + 30px); }

.data-table .data-table-thead { background-color: #F5F5F5; }

.data-table .data-table-tbody .data-table-tr { border-top: 1px #E2E2E2 solid; }
.data-table .data-table-tbody .data-table-tr.noLine { border-top: 0; }
.data-table .data-table-tbody .data-table-td { display: flex; align-items: center; }
.data-table .data-table-tbody .data-table-td-inner { flex: 1; }

.data-table .data-orderNum .date { font-size: 14px; color: #6B6B6B; }
.data-table .data-orderNum .num,
.data-table .data-orderNum .num a { font-size: 14px; color: #000; text-decoration: underline; }

.data-table .data-price { font-size: 14px; color: #000; }
.data-table .data-count { font-size: 14px; color: #6B6B6B; }

.data-table .data-sup { font-size: 12px; color: #6B6B6B; }
.data-table .data-p { font-size: 14px; color: #000; }
.data-table .data-p:before { display: none; content: attr(data-before); }

.data-table .data-product { position: relative; padding-left: 92px; text-align: left; }
.data-table .data-product + .data-product { margin-top: 20px; }
.data-table .data-product .label { position: absolute; top: 0; left: 10px; width: 20px; height: 20px; }
.data-table .data-product .thumb { overflow: hidden; position: absolute; top: 0; left: 0; width: 80px; height: 80px; border: 1px #E2E2E2 solid; }
.data-table .data-product .thumb img { width: 78px; height: 78px; object-fit: cover; }
.data-table .data-product .info { min-height: 80px; }
.data-table .data-product .product-opt { margin-top: 4px; }
.data-table .data-product .button-area { justify-content: flex-start; margin-top: 8px; }

.data-table.chkType .data-product { padding-left: 138px; }
.data-table.chkType .data-product .thumb { left: 43px; }

.data-table.numType .data-product { padding-left: 148px; }
.data-table.numType .data-product .thumb { left: 56px; }

.data-table .product-opt { margin-top: 0; text-align: left; }
.data-table .product-opt .button-area { margin-top: 12px; text-align: center; }
.data-table .product-opt-result .item { margin-top: 0; padding: 0; border: 0; }
.data-table .product-opt-result dl { overflow: hidden; font-size: 12px; }
.data-table .product-opt-result dl dt,
.data-table .product-opt-result dl dd { float: left; }
.data-table .product-opt-result dl dt { margin-right: 4px; }
.data-table .product-opt-result dl dd { color: #000; }
.data-table .product-opt-result dl + dl { margin-top: 12px; }

.data-table .data-price { margin: 0 auto; text-align: center; }
.data-table .data-price > div { display: inline-block; font-size: 16px; }
.data-table .data-price .discount { color: #F64646; }
.data-table .data-price .origin { display: block; margin-top: -38px; font-size: 12px; color: #999999; text-decoration: line-through; }
.data-table .data-price .data-count { font-size: 14px; }

.data-table .button-area { margin-top: 0; }

.data-star { display: inline-block; width: 86px; height: 16px; background: url("../images/common/star_frame.png") no-repeat 0 0; background-size: 86px 16px; }
.data-star .data-star-range { height: 16px; background: url("../images/common/star_all.png") no-repeat 0 0; background-size: 86px 16px; }

.data-cell { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 8px; text-align: left; }
.data-cell .data-write { width: 100%; }
.data-cell .data-date { font-size: 12px; color: #999; }
@media screen and (max-width: 768px) {
	.data-table { margin-top: 30px; }
	.data-table-thead { display: none; }

	.data-table .data-delivery { padding: 20px 16px; }
	.data-table .data-delivery .company { width: 70%; }
	.data-table .data-delivery .price { position: static; margin-top: 8px; transform: translateY(0); }

	.data-table.chkType .data-delivery .price { padding-left: 28px; }

	.data-table .payment-info { text-align: left; }
	.data-table .payment-info > div + div { margin-top: 0; }

	.data-table .data-order { margin-bottom: 8px; }
	.data-table .data-order	dl { margin-bottom: 4px; }
	.data-table .data-order	dl:last-child { margin-right: 0; padding-right: 0; }
	.data-table .data-order	dl:after { position: absolute; top: 3px; right: 0; width: 1px; height: 12px; background-color: #000; content: ""; }
	.data-table .data-order	dl:last-child::after { display: none; }
	.data-table .data-order	dl dt,
	.data-table .data-order	dl dd { display: inline-block; }
	.data-table .data-order	dl dd { margin-left: 4px; }

	.data-table .data-orderNum { display: flex; justify-content: space-between; align-items: center; }

	.data-table .data-delivery + .data-table-thead + .data-table-tbody .data-table-td + .data-table-td { border-left: 0 none; }

	.data-table .data-table-tr { display: block; padding: 20px 16px 40px; }
	.data-table .data-table-th,
	.data-table .data-table-td { padding: 0; }
	.data-table .data-table-td.hr:before { display: block; margin: 20px 0; border-top: 1px #E2E2E2 dashed; content: ""; }

	.data-table .data-table-tbody .data-table-tr.noLine { margin-top: -40px; }
	.data-table .data-table-tbody .data-table-td { display: block; width: auto !important; }

	.data-table .data-table-tbody .data-table-td.cell { position: relative; float: left; }
	.data-table .data-table-tbody .data-table-td.cell:before { display: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: #BABABA; content: ""; }
	.data-table .data-table-tbody .data-table-td.cell + .data-table-td.cell { margin-left: 8px; padding-left: 9px; }
	.data-table .data-table-tbody .data-table-td.cell + .data-table-td.cell:before { display: block; }

	.data-table .data-table-tbody .data-table-td.box .data-table-td-inner { overflow: hidden; width: calc(100% + 32px); margin-left: -16px; margin-top: -20px; padding: 20px 16px; background-color: #F5F5F5; }
	.data-table .data-table-tbody .data-table-td.box.mini .data-table-td-inner { width: 100%; margin-left: 0; margin-top: 20px; padding: 8px 16px; }
	.data-table .data-table-tbody .data-table-td.box .data-table-td-inner .data-sup { float: left; }
	.data-table .data-table-tbody .data-table-td.box .data-table-td-inner .data-p { float: right; }
	.data-table .data-table-tbody .data-table-td.box .data-table-td-inner .data-p.num { float: left; }
	.data-table .data-table-tbody .data-table-td.box.tc .data-table-td-inner .data-sup,
	.data-table .data-table-tbody .data-table-td.box.tc .data-table-td-inner .data-p { float: none; }

	.data-table .data-sup { font-size: 12px; color: #6B6B6B; }
	.data-table .data-p { font-size: 14px; color: #000; }
	.data-table .data-p:before { display: inline; }

	.data-table .data-product { position: relative; text-align: left; }
	.data-table .data-product + .data-product { margin-top: 20px; }
	.data-table .data-product .label { left: 0; }
	.data-table .data-product .thumb { position: absolute; top: 0; left: 0; width: 80px; height: 80px; border: 1px #E2E2E2 solid; }
	.data-table .data-product .thumb img { width: 78px; height: 78px; object-fit: cover; }
	.data-table .data-product .info.auto { min-height: auto; }
	.data-table .data-product .product-opt { margin-top: 4px; }
	.data-table .data-product .product-opt,
	.data-table .data-product .info .product-opt { padding-left: 0; }
	.data-table .data-product .button-area { justify-content: flex-start; margin-top: 8px; }

	.data-table.boxType .data-product { margin-top: 20px; }
	.data-table.boxType .data-product .info { min-height: 80px; }

	.data-table.boxType .data-table-tr { position: relative; }

	.data-table.txtType .data-table-td { text-align: left; }
	.data-table.txtType .data-table-td + .data-table-td { margin-top: 8px; }

	.data-table .product-opt { padding-left: 92px; margin-top: 8px; }
	.data-table .product-opt .button-area { margin-top: 20px; }
	.data-table .product-opt-result dl + dl { margin-top: 4px; }

	.data-table.chkType .data-product { padding-left: 128px; }
	.data-table.chkType .data-product .thumb { left: 33px; }
	.data-table.chkType .product-opt { padding-left: 128px; }

	.data-table .data-price { margin-top: 20px; padding-left: 92px; text-align: left; }
	.data-table .data-price .origin { display: inline-block; margin-top: 0; }

	.data-table .box .data-price { margin: 0; padding: 0; text-align: right; }

	.data-table.chkType .data-price { padding-left: 128px; }

	.data-table .button-area { margin-top: 20px; }

	.data-star { width: 86px; height: 16px; background: url("../images/common/star_frame.png") no-repeat 0 0; background-size: 86px 16px; }
	.data-star .data-star-range { height: 16px; background: url("../images/common/star_all.png") no-repeat 0 0; background-size: 86px 16px; }
}

.myView { display: flex; align-items: center; justify-content: space-between; margin-top: 80px; }

.myView .myView-hi { position: relative; padding-left: 80px; }
.myView .myView-hi .char { position: absolute; top: 4px; left: 0; width: 64px; height: 64px; background: url("../images/common/ico_char.svg") no-repeat 50% 50%; background-size: contain; }
.myView .myView-hi { font-size: 18px; }
.myView .myView-hi strong { font-size: 30px; }
.myView .myView-hi .button-area { display: block; margin-top: 8px; width: auto; }

.myView .myView-bord { display: flex; width: 992px; padding: 24px 0; background-color: #1D252D; }
.myView .myView-bord .item { display: flex; flex: 1; }
.myView .myView-bord .item + .item { border-left: 1px #666666 solid; }
.myView .myView-bord dl { display: flex; flex-direction: column; justify-content: space-between; gap: 20px 0; padding: 0 40px; color: #fff; }
.myView .myView-bord dl dt a { opacity: 0.8; padding-right: 16px; background: url("../images/common/ico_arrow_right_white.svg") no-repeat 100% 50%; background-size: 12px 12px; }
.myView .myView-bord dl dd { font-size: 40px; }
@media screen and (max-width: 768px) {
	.myView { display: block; margin-top: 40px; }

	.myView .myView-hi { position: relative; padding-left: 64px; }
	.myView .myView-hi .char { width: 48px; height: 48px; }
	.myView .myView-hi { font-size: 16px; }
	.myView .myView-hi strong { display: block; font-size: 20px; }
	.myView .myView-hi .button-area { margin-top: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

	.myView .myView-bord { width: 100%; padding: 16px 0; margin-top: 20px; }
	.myView .myView-bord dl { padding: 0 16px; gap: 16px 0; }
	.myView .myView-bord dl dt a { font-size: 12px; }
	.myView .myView-bord dl dd { font-size: 20px; }
}

.myPoint { padding: 80px 0; text-align: center; }
.myPoint em,
.myPoint strong { display: block; }
.myPoint em { font-size: 18px; }
.myPoint em:before { display: inline-block; margin-right: 4px; width: 24px; height: 24px; line-height: 22px; border: 1px #000 solid; border-radius: 99em; font-size: 14px; content: "P"; }
.myPoint strong { margin-top: 15px; font-size: 44px; color: #1768E1; }

.table-row { overflow: hidden; overflow-x: auto; }
.table-row .caption { margin-bottom: 8px; font-size: 12px; }
.table-row .date { font-size: 12px; color: #999; }

.table-row table { width: 100%; border-top: 1px #000000 solid; }
.table-row table th,
.table-row table td { padding: 14px 16px; border: 1px #E2E2E2 solid; }
.table-row table tr:first-child th,
.table-row table tr:first-child td { border-top: 0 none; }
.table-row table th { background-color: #F8F8F8; font-size: 12px; }
.table-row table th.vc { vertical-align: middle; }

.table-row.info table th,
.table-row.info table td { min-width: 120px; }

.table-row.view table th,
.table-row.view table td { border-width: 1px 0; }

.table-row.view table td.view-cont { padding: 30px 40px; }
.table-row.view table td.view-cont p + p { margin-top: 16px; }
.table-row.view table td.view-cont .review-img { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.table-row.view table td.view-cont .review-product { display: flex; align-items: center; gap: 12px; padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px #EDEDED solid; cursor: pointer; }
.table-row.view table td.view-cont .review-product .thumb { overflow: hidden; border: 1px #E2E2E2 solid; }
.table-row.view table td.view-cont .review-product .thumb img { width: 58px; height: 58px; object-fit: cover; }
.table-row.view table td.view-cont .review-product .name { overflow: hidden; }
.table-row.view table td.view-cont .review-product .price { color: #6B6B6B; font-size: 12px; }

.table-row.type-line table tr:first-child th,
.table-row.type-line table tr:first-child td { border-top: 1px #E2E2E2 solid; }

.table-row.bottomLine table th,
.table-row.bottomLine table td { border-width: 1px 0; }
@media screen and (max-width: 768px) {
	.table-row .info-write { display: flex; gap: 4px 8px; margin-top: 20px; }
	.table-row .info-write .write,
	.table-row .info-write .count { font-size: 12px; }
	.table-row .info-write .write:after { display: inline-block; margin-left: 8px; content: "/"; }

	.table-row .date,
	.table-row .label-default { margin-bottom: 8px; }

	.table-row.view table th { display: none; }
	.table-row.view table td { position: relative; border-width: 0; }
	.table-row.view table td.view-cont { padding: 14px 16px; border-width: 1px 0; }

	.table-row.view table td.view-cont .review-product { padding-bottom: 14px; margin-bottom: 14px; }

	.table-row.type-label table th,
	.table-row.type-label table td { float: left; width: 100%; text-align: left; border-width: 0 0 1px 0; }
	.table-row.type-label table th { padding-bottom: 0; background-color: unset; color: #999; border-width: 0; }
	.table-row.type-label table td { border-width: 0 0 1px 0; }
}

.summary-product-list { overflow: hidden; overflow-y: auto; margin-top: 24px; border-top: 1px #E2E2E2 solid; }
.summary-product-list ul li { display: flex; align-items: center; gap: 16px; padding: 24px 0; border-bottom: 1px #E2E2E2 solid; cursor: pointer; }
.summary-product-list ul li .thumb{ overflow: hidden; border: 1px #E2E2E2 solid; }
.summary-product-list ul li .thumb img { width: 58px; height: 58px; object-fit: cover; }
.summary-product-list ul li .price { margin-top: 4px; font-size: 12px; }
.summary-product-list ul li.vertical { align-items: flex-start; flex-direction: column; }
.summary-product-list ul li.vertical .inner { display: flex; align-items: center; gap: 16px; }
@media screen and (max-width: 768px) {
	.summary-product-list ul li .info .product-opt { padding-left: 0; }
}

.label-default + .info-address { margin-top: 8px; }
.info-address .zipCode { font-size: 12px; color: #999; }
.info-address .receiverAddress { font-size: 16px; }
.info-address .receiverDetailAddress { font-size: 12px; }
.info-address .receiverContactWrap { margin-top: 8px; }
.info-address .receiverContactWrap ul { overflow: hidden; }
.info-address .receiverContactWrap ul li { display: inline-block; font-size: 12px; color: #999; }
.info-address .receiverContactWrap ul li + li:before { display: inline-block; content: "/"; }

.board-list { margin-top: 40px; border-top: 1px #000 solid; border-bottom: 1px #E2E2E2 solid; }
.board-list .item { position: relative; padding: 20px 170px 20px 10px; border-top: 1px #E2E2E2 solid; }
.board-list .item:first-child { border-top: 0; }

.board-list .item .ctg { position: absolute; top: 20px; left: 30px; width: 100px; text-align: center; }
.board-list .item .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-list .item .date { position: absolute; top: 20px; right: 20px; }
.board-list .item .ico { position: absolute; top: 22px; right: 30px; width: 16px; height: 16px; background: url("../images/ico/ico_arrow_down.svg") no-repeat 0 0; }
.board-list .item.active .ico { background-image: url("../images/ico/ico_arrow_up.svg"); }

.board-list .item-detail { display: none; padding: 40px 20px 40px 154px; background-color: #F5F5F5; border-top: 1px #E2E2E2 solid; }
.board-list .item.active + .item-detail { display: block; }

.board-list.typeCtg .item { padding-left: 154px; }
.board-list.typeAcc .item { padding-right: 70px; cursor: pointer; }
.board-list.typeAcc .item .title { white-space: unset; overflow: unset; text-overflow: unset; }

.board-list .item.header { padding-top: 15px; padding-bottom: 15px; font-size: 12px; text-align: center; background-color: #F5F5F5; }
.board-list .item.header .ctg { top: 15px; }
.board-list .item.header .ico { display: none; }
@media screen and (max-width: 768px) {
	.board-list { margin-top: 20px; }
	.board-list .item { padding: 16px; }

	.board-list .item .ctg { position: static; display: inline-block; margin-bottom: 8px; width: auto; font-size: 12px; border-radius: 99em; color: #fff; padding: 4px 8px; background-color: #000; }
	.board-list .item .date { position: static; display: block; margin-bottom: 8px; width: auto; text-align: left; font-size: 12px; color: #999; }
	.board-list .item .ico { top: 18px; right: 16px; }
	.board-list .item.active .ico { background-image: url("../images/ico/ico_arrow_up.svg"); }

	.board-list .item-detail { padding: 16px; }

	.board-list.typeCtg .item { padding-left: 16px; }
	.board-list.typeAcc .item { padding-right: 50px; }

	.board-list .item.header { display: none; }
}

.img-list { padding-top: 40px; border-top: 1px #000 solid; }
.img-list ul { display: flex; flex-wrap: wrap; gap: 60px 32px; }
.img-list ul li { width: calc(50% - 16px); }
.img-list ul li .thumb { overflow: hidden; border: 1px #E2E2E2 solid; }
.img-list ul li .thumb img { width: 478px; height: 248px; object-fit: cover; }
.img-list ul li .title { overflow: hidden; margin-top: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; font-size: 16px; word-break: normal; }
@media screen and (max-width: 768px) {
	.img-list { padding-top: 20px; }
	.img-list ul { gap: 40px 0; }
	.img-list ul li { width: 100%; }
	.img-list ul li .thumb img { width: 100%; height: auto; }
	.img-list ul li .title { line-height: 20px; max-height: 40px; font-size: 14px; }
}

.dot-list h4.title { position: relative; padding-left: 24px; }
.dot-list h4.title:before { position: absolute; top: 2px; left: 0; width: 16px; height: 16px; line-height: 13px; border: 1px #000 solid; border-radius: 99em; text-align: center; font-size: 11px; content: "!"; }
.dot-list h4.title + ul { margin-top: 16px; }
.dot-list ul li { position: relative; padding-left: 12px; }
.dot-list ul li:before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 99em; background-color: #000; content: ""; }
.dot-list ul li + li { margin-top: 8px; }

.dot-list.mini ul li { font-size: 12px; color: #999999; }
.dot-list.mini ul li:before { top: 7px; width: 2px; height: 2px; background-color: #999999; }

.dot-list.flex ul { display: flex; gap: 24px; }
.dot-list.flex ul li + li { margin-top: 0; }

.dot-list.flex.right ul { justify-content: flex-end; }

.dash-list ul li { position: relative; padding-left: 12px; color: #999; }
.dash-list ul li:before { position: absolute; top: 0; left: 0; content: "-"; }
.dash-list ul li + li { margin-top: 4px; }

.chk-list ul li { position: relative; padding: 16px 24px 16px 52px; border-bottom: 1px #E2E2E2 solid; }
.chk-list ul li .label { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); }
.chk-list ul li.active { background-color: #F5F5F5; }

.txt-list ul li + li { margin-top: 16px; }
.txt-list ul li .label + .btn { margin-left: 16px; }

.tip-list { margin-top: 16px; }
.tip-list li { position: relative; padding-left: 10px; font-size: 12px; color: #999; }
.tip-list li + li { margin-top: 4px; }
.tip-list li:before { position: absolute; top: 3px; left: 0; content: "*"; }
.tip-list.em li { padding-left: 20px; }
.tip-list.em li:before { top: 1px; width: 14px; height: 14px; line-height: 10px; border: 1px #A8A8A8 solid; border-radius: 99em; text-align: center; font-size: 10px; content: "!"; }
@media screen and (max-width: 768px) {
	.tip-list { margin-top: 8px; }

	.dot-list.flex ul { display: block; }
	.dot-list.flex ul li + li { margin-top: 4px; }
}

.acc-list {}
.acc-list .item p { position: relative; padding: 12px 0 12px 24px; border-bottom: 1px #000 solid; cursor: pointer; }
.acc-list .item p:before { position: absolute; top: 14px; left: 0; width: 16px; height: 16px; line-height: 13px; border: 1px #000 solid; border-radius: 99em; text-align: center; font-size: 11px; content: "!"; }
.acc-list .item p:after { position: absolute; top: 12px; right: 0; width: 16px; height: 16px; background: url("../images/ico/ico_arrow_down.svg") no-repeat 0 0; background-size: contain; content: ""; }
.acc-list .item .acc-list-detail { display: none; padding: 24px; background-color: #F5F5F5; }
.acc-list .item .acc-list-detail h4:first-child { margin-top: 0; }
.acc-list .item .acc-list-detail h4 { margin-top: 12px; margin-bottom: 12px; color: #6B6B6B; }
.acc-list .item .acc-list-detail ul li { position: relative; padding-left: 10px; font-size: 12px; color: #6B6B6B; }
.acc-list .item .acc-list-detail ul li:before { position: absolute; top: 7px; left: 0; width: 2px; height: 2px; border-radius: 99em; background-color: #6B6B6B; content: ""; }
.acc-list .item .acc-list-detail ul li + li { margin-top: 4px; }
.acc-list .item .acc-list-detail ul li dl { display: flex; gap: 3px; }
.acc-list .item .acc-list-detail ul li dl dt:after { content: " :"; }
.acc-list .item .acc-list-detail ul li dl dd { flex: 1; }

.acc-list .item p.active:after { background-image: url("../images/ico/ico_arrow_up.svg"); }
.acc-list .item p.active + .acc-list-detail { display: block; }

.delivery-info .name { font-size: 16px; }
.delivery-info .address { margin-top: 5px; }
.delivery-info .contact { color: #999; }

.coupon-info .title { font-size: 20px; }
.coupon-info .title strong { display: block; font-size: 16px; color: #1768E1; }
.coupon-info .condition { margin-top: 20px; font-size: 12px; }
.coupon-info .term { margin-top: 16px; font-size: 12px; color: #999999; }
.coupon-info .condition + .term { margin-top: 4px; }
.coupon-info .apply { margin-top: 16px; padding-top: 16px; border-top: 1px #BABABA solid; }
.coupon-info .apply select { margin-top: 8px; width: 100%; }

.coupon-img { text-align: left; }
.coupon-img p { font-size: 18px; color: #F64646; }
.coupon-img p:before { display: inline-block; margin-right: 16px; width: 32px; height: 32px; background: url("../images/ico/ico_coupon_mini.svg") no-repeat 0 0; vertical-align: -10px; content: ""; }
@media screen and (max-width: 768px) {
	.coupon-img p { font-size: 24px; }
	.coupon-img p:before { margin-right: 8px; vertical-align: -7px; }
}

.tip-box { margin-top: 20px; padding: 20px; background-color: #F5F5F5; }
.tip-box p + p { margin-top: 16px; }

.policy-cont { margin-top: 30px; }
.policy-cont .label { margin-bottom: 10px; }
.policy-cont-box { overflow: hidden; overflow-y: auto; max-height: 235px; background-color: #F5F5F5; }
.policy-cont-box .policy-cont-box-inner { padding: 32px 20px; font-size: 12px; }

.error-page { margin-top: 180px; text-align: center; }
.error-page .logo { display: inline-block; width: 182px; height: 60px; background: url("../images/common/logo.png") no-repeat 0 0; }
.error-page .ico { display: inline-block; width: 60px; height: 60px; background: url("../images/ico/ico_caution_triangle_gray.svg") no-repeat 50% 0; }
.error-page .title { margin-top: 30px; font-size: 24px; }
.error-page .desc { margin-top: 12px; }
.error-page .detail { margin-top: 60px; padding: 40px 60px; background-color: #F5F5F5; }
.error-page .detail strong { font-size: 18px; color: #F64646; }
.error-page .detail p { margin-top: 20px; color: #6B6B6B; }

.error-page.error-505 { display: flex; align-items: center; flex-direction: column; margin-top: 60px; }
.error-page.error-505 .ico { margin-top: 160px; }
@media screen and (max-width: 768px) {
	.error-page { margin-top: 60px; padding: 0 16px; }

	.error-page.error-505 .ico { margin-top: 60px; }
}

.address-search-result { margin-top: 20px; }
.address-search-result .noData { padding: 52px 0; height: auto; border-style: solid; border-color: #E2E2E2; border-width: 1px 0; }
.address-search-result .item { padding: 24px 16px; border-bottom: 1px #E2E2E2 solid; }
.address-search-result .item:first-child { border-top: 1px #E2E2E2 solid; }
.address-search-result .item .zipcode { margin-bottom: 12px; }
.address-search-result .item .address { position: relative; padding-left: 58px; }
.address-search-result .item .address:before { position: absolute; top: 0; left: 0; width: 50px; height: 20px; border: 1px #BABABA solid; background-color: #fff; font-size: 12px; color: #6B6B6B; text-align: center; line-height: 18px; }
.address-search-result .item .address.road:before { content: "도로명"; }
.address-search-result .item .address.street:before { content: "지번"; }
.address-search-result .item .address + .address { margin-top: 8px; }

.popup { position: fixed; top: 50%; left: 50%; z-index: 200; transform: translate(-50%, -50%); height: auto !important; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
.popup.shopby { transform: unset; }
.popup.w100 { width: calc(640px * (100 / 100)) !important; }
.popup.w80 { width: calc(640px * (81.3 / 100)) !important; }
.popup.w75 { width: calc(640px * (75 / 100)) !important; }
.popup.w60 { width: calc(640px * (60 / 100)) !important; }

.popup .pop-header { position: relative; padding: 18px 64px 17px 24px; border-bottom: 1px #E2E2E2 solid; font-size: 16px; }
.popup .pop-header.noLine { border: 0; }
.popup .pop-header .btn-close { position: absolute; top: 50%; right: 24px; transform: translateY(-50%); }
.popup .pop-header .btn-close a,
.popup .pop-header .btn-close button { display: block; width: 16px; height: 16px; background: url("../images/ico/ico_closeX32.svg") no-repeat 0 0; background-size: contain; }

.popup .pop-contents { padding: 20px 24px 40px; }
.popup .pop-contents-inner { overflow: auto; max-height: calc(95vh - 210px); }

.popup .pop-contents .dash-list { margin-top: 24px; padding-top: 20px; border-top: 1px #E2E2E2 solid; }
.popup .pop-contents .search-wrap.square { margin-top: 0; }
.popup .pop-contents .search-wrap.square .search-form { margin-bottom: 0; }

.popup .pop-contents .product-opt { margin-top: 24px; }
.popup .pop-contents .product-opt .item { margin-top: 0; }

.popup .pop-contents .summary-product-list { height: 40vh; }

.popup .pop-contents .form-container .product-opt { margin-top: 0; }
.popup .pop-contents .form-container .product-opt + .item-wrap { margin-top: 24px; }

.popup .pop-contents .form-container .product-opt-result .item { margin-top: 12px; padding: 0; border: 0; }
.popup .pop-contents .form-container .product-opt-result dl dd { color: #000; }
.popup .pop-contents .form-container .product-opt-result dl + dl { margin-top: 8px; }

.popup .pop-contents .form-container .button-area { margin-top: 24px; }

.popup .ui_button_area { display: flex; align-items: center; justify-content: space-between; padding: 17px 24px; border-top: 1px #E2E2E2 solid; }
.popup .ui_button_area .ui_not_today { font-size: 12px; color: #999999; }
.popup .ui_button_area .ui_close { font-size: 14px; color: #404040; border-bottom: 1px #404040 solid; }
.popup .popSwiper,
.popup .popSwiper2 { border-top: 1px #E2E2E2 solid; }
@media screen and (max-width: 768px) {
	.popup {  }
	.popup.w100,
	.popup.w80,
	.popup.w75,
	.popup.w60 { width: calc(100% - 32px) !important; }

	.popup .pop-contents-inner { max-height: calc(70vh - 210px); }
}

/* swiper */
.swiper-button-prev,
.swiper-button-next { width: 36px; height: 36px; }
.swiper-button-prev { left: 12px; background-image: url("../images/common/ico_arrow_left_black.svg"); }
.swiper-button-next { right: 12px; background-image: url("../images/common/ico_arrow_right_black.svg") }
.swiper-button-prev:after,
.swiper-button-next:after { display: none; }

.swiper-pagination-progressbar { height: 2px; background: rgba(0, 0, 0, .2); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { top: auto; bottom: 0; height: 4px; background-color: #000; }

.custom-pagination-wrap { display: flex; align-items: center; gap: 16px; position: absolute; bottom: 47px; left: 50%; transform: translateX(-50%); z-index: 5; width: auto; /*mix-blend-mode: difference;*/ }
.custom-pagination-wrap .numCurrent,
.custom-pagination-wrap .numTotal { font-size: 16px; color: #fff; }
.custom-pagination-wrap .numTotal { opacity: 0.5; }
.custom-pagination-wrap .controlBtn { position: absolute; top: 0; right: -44px; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; }
.custom-pagination-wrap .controlBtn.play { background-image: url("../images/ico/ico_play.svg"); }
.custom-pagination-wrap .controlBtn.pause { background-image: url("../images/ico/ico_pause.svg"); }

.custom-pagination { position: relative !important; top: 3px !important; width: 410px !important; height: 2px !important; background: rgba(255, 255, 255, .2) !important; }
.custom-pagination .swiper-pagination-progressbar-fill { position: absolute; bottom: 0; height: 6px; background-color: #FFFFFF; }

.main-banner .custom-pagination-wrap { bottom: 30px; padding: 3px 12px; background: rgba(0, 0, 0, 0.3); border-radius: 99em; }
@media screen and (max-width: 768px) {
	.custom-pagination-wrap .numCurrent,
	.custom-pagination-wrap .numTotal { font-size: 14px; }
	.custom-pagination { top: 1px !important; width: 46.6667vw !important; }
	.custom-pagination .swiper-pagination-progressbar-fill { height: 4px; }

	.main-banner .custom-pagination-wrap { bottom: 24px; }
}