/* Scroll Animation */
@media(prefers-reduced-motion:no-preference){
	section:has(:where([data-se*="-left"], [data-se*="-right"], [data-se="flip-Y"])){ overflow: clip visible; }
	span[data-se]{ display: inline-block; }
	.seActive [data-se]:not([data-se*="parallax"], [data-se^="clip-"]),
	.seActive[data-se]:not([data-se*="parallax"], [data-se^="clip-"]){ transition-duration: .6s; }
	[data-se="blur"]{ filter: blur(20rem); }
	[data-se="radius"]{ border-radius: 100%; }
	[data-se="clip-centerline"]{ clip-path: inset(0 50%); }
	[data-se="clip-midline"]{ clip-path: inset(50% 0); }
	[data-se="clip-right"]{ clip-path: inset(0 100% 0 0); }
	[data-se="clip-left"]{ clip-path: inset(0 0 0 100%); }
	[data-se="clip-down"]{ clip-path: inset(0 0 100% 0); }
	[data-se*="flip-"]{ backface-visibility: hidden; }
	[data-se="flip-up"]{ transform: perspective(2500rem) rotateX(-100deg); }
	[data-se="flip-Y"]{ opacity: 0; }
	[data-se="hidden-up"]{ transform: translateY(30rem); clip-path: inset(0 0 100%); }
	[data-se="hidden-right"]{ transform: translateX(-30rem); clip-path: inset(0 100% 0 0); }
	[data-se="hidden-left"]{ transform: translateX(30rem); clip-path: inset(0 0 0 100%); }
	[data-se*="slide-"]:not(.seActive){ opacity: 0; }
	[data-se="slide-up"]{ transform: translateY(40rem); }
	[data-se="slide-left"]{ transform: translateX(40rem); }
	[data-se="slide-right"]{ transform: translateX(-40rem); }
	[data-se="swaying-top"]{ transform: perspective(400px) rotateX(90deg); transform-origin: top; backface-visibility: hidden; }
	.seActive[data-se="blur"]{ filter: blur(0); }
	.seActive[data-se="radius"]{ border-radius: 0; }
	.seActive[data-se*="clip-"]{ clip-path: inset(0); }
	.seActive[data-se*="flip-"]{ transform: perspective(2500rem) rotateX(0deg); }
	.seActive[data-se="flip-Y"]{ animation: flip-Y 1s both; }
	.seActive[data-se*="hidden-"]{ transform: translate(0); clip-path: inset(0); }
	.seActive[data-se*="slide-"]{ transform: translate(0); }
	@keyframes flip-Y {
		0%{ transform: perspective(400rem) rotateY(0deg); opacity: 0; }
		20%{ transform: perspective(400rem) rotateY(-30deg); }
		50%{ transform: perspective(400rem) rotateY(20deg); }
		75%{ transform: perspective(400rem) rotateY(-10deg); }
		100%{ transform: perspective(400rem) rotateY(0deg); opacity: 1; }
	}
	.seActive[data-se="swaying-top"]{ animation: swaying-top 1s both; }
	@keyframes swaying-top{
		0%{ transform: perspective(400px) rotateX(90deg); }
		20%{ transform: perspective(400px) rotateX(-60deg); }
		40%{ transform: perspective(400px) rotateX(20deg); }
		60%{ transform: perspective(400px) rotateX(-10deg); }
		80%{ transform: perspective(400px) rotateX(5deg); }
		100%{ transform: perspective(400px) rotateX(0deg); }
	}
	.seActive [data-se-delay="50"], .seActive[data-se-delay="50"]{ transition-delay: .05s; }
	.seActive [data-se-delay="100"], .seActive[data-se-delay="100"]{ transition-delay: .1s; }
	.seActive [data-se-delay="150"], .seActive[data-se-delay="150"]{ transition-delay: .15s; }
	.seActive [data-se-delay="200"], .seActive[data-se-delay="200"]{ transition-delay: .2s; }
	.seActive [data-se-delay="250"], .seActive[data-se-delay="250"]{ transition-delay: .25s; }
	.seActive [data-se-delay="300"], .seActive[data-se-delay="300"]{ transition-delay: .3s; }
	.seActive [data-se-delay="350"], .seActive[data-se-delay="350"]{ transition-delay: .35s; }
	.seActive [data-se-delay="400"], .seActive[data-se-delay="400"]{ transition-delay: .4s; }
	.seActive [data-se-delay="450"], .seActive[data-se-delay="450"]{ transition-delay: .45s; }
	.seActive [data-se-delay="500"], .seActive[data-se-delay="500"]{ transition-delay: .5s; }
	.seActive [data-se-delay="600"], .seActive[data-se-delay="600"]{ transition-delay: .6s; }
	.seActive [data-se-delay="700"], .seActive[data-se-delay="700"]{ transition-delay: .7s; }
	@media(min-width: 768px){
		[data-se] [data-se="clip-right"]{ clip-path: inset(0 100% 0 0); }
		[data-se] [data-se="clip-left"]{ clip-path: inset(0 0 0 100%); }
		[data-se] [data-se="clip-down"]{ clip-path: inset(0 0 100% 0); }
		[data-se] [data-se="slide-up"]{ transform: translateY(40rem); opacity: 0; }
		[data-se] [data-se="slide-left"]{ transform: translateX(40rem); opacity: 0; }
		[data-se] [data-se="slide-right"]{ transform: translateX(-40rem); opacity: 0; }
		.seActive[data-se] [data-se*="clip-"]{ clip-path: inset(0); }
		.seActive[data-se] [data-se*="hidden-"]{ transform: translate(0); clip-path: inset(0); }
		.seActive[data-se] [data-se*="flip-"]{ transform: perspective(2500rem) rotateX(0deg); }
		.seActive[data-se] [data-se*="slide-"]{ transform: translate(0); opacity: 1; }
		.seActive[data-se]:not([data-se-offset]) [data-se]{ transform: translate(0); opacity: 1; }
		[data-se-column] [data-se].seActive{ transition-delay: calc(var(--index) * calc(var(--delay) * 1ms)); animation-delay: calc(var(--index) * calc(var(--delay) * 1ms)); }
	}
	@media(min-width:1280px){
		.seActive[data-se^="clip-"]{ transition-duration: 1s; }
		[data-se-column="2"] > *:nth-child(2n+1) [data-se].seActive,
		[data-se-column="2"] [data-se].seActive:nth-child(2n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="2"] > *:nth-child(2n+2) [data-se].seActive,
		[data-se-column="2"] [data-se].seActive:nth-child(2n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="2"] > *:nth-child(3n+1) [data-se].seActive,
		[data-se-column="3"] [data-se].seActive:nth-child(3n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="3"] > *:nth-child(3n+2) [data-se].seActive,
		[data-se-column="3"] [data-se].seActive:nth-child(3n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="3"] > *:nth-child(3n+3) [data-se].seActive,
		[data-se-column="3"] [data-se].seActive:nth-child(3n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+1) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+2) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+3) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+4) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+4){ transition-delay: calc(3 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+1) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+2) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+3) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+4) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+4){ transition-delay: calc(3 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+5) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+5){ transition-delay: calc(4 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+1) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+2) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+3) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+4) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+4){ transition-delay: calc(3 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+5) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+5){ transition-delay: calc(4 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+6) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+6){ transition-delay: calc(5 * calc(var(--delay) * 1ms)); }
	}
	@media(max-width: 1279px){
		.seActive[data-se^="clip-"]{ transition-duration: .6s; }
		[data-se-column] [data-se*="slide-"]{ transform: translateY(40rem); }
		[data-se-column] [data-se*="slide-"].seActive{ transform: translate(0); }
	}
	@media(max-width: 1279px) and (min-width: 768px){
		/* :is([data-se-column="3"], [data-se-column="4"]) > [data-se].seActive:nth-child(odd){ transition-delay: 0s; }
		:is([data-se-column="3"], [data-se-column="4"]) > [data-se].seActive:nth-child(even){ transition-delay: calc(var(--delay) * 1ms); } */
		:is([data-se-column="5"], [data-se-column="6"]) > [data-se].seActive:is(:nth-child(6n+1), :nth-child(6n+4)){ transition-delay: calc( 0 * calc(var(--delay) * 1ms)); }
		:is([data-se-column="5"], [data-se-column="6"]) > [data-se].seActive:is(:nth-child(6n+2), :nth-child(6n+5)){ transition-delay: calc( 1 * calc(var(--delay) * 1ms)); }
		:is([data-se-column="5"], [data-se-column="6"]) > [data-se].seActive:is(:nth-child(6n+3), :nth-child(6n+6)){ transition-delay: calc( 2 * calc(var(--delay) * 1ms)); }
	}
	@media(max-width: 767px){
		#wrap [data-se-delay]{ transition-delay: 0s; }
		[data-se-column] > *:nth-child(odd){ transition-delay: 0s; }
		[data-se-column] > *:nth-child(even){ transition-delay: calc(var(--delay) * 1ms); }
	}
	@keyframes svgAni{
		0%{ stroke-dasharray: var(--totalLength); stroke-dashoffset: var(--totalLength); }
		100%{ stroke-dasharray: var(--totalLength); stroke-dashoffset: 0; }
	}
	svg.se{ opacity: 1; transform: translate(0); }
	svg.active{ animation: svgAni 1s linear both; }

	/* stroke-dasharray 최대값 */
	/* svg *{ stroke-dasharray: var(--totalLength); stroke-dashoffset: var(--totalLength); opacity: 1; transform: translate(0); }
	svg.seActive *{ animation: svgAni 1s linear both; } */
}

/* inner */
#wrap{ position: relative; width:100%; max-width:768px; margin:0 auto; overflow-x: hidden;}
.gnb{display:none;}

.wrapper{ position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); width: calc(var(--inrWidth) * 100%); }
.inr{ position: relative; margin: 0 auto; width: calc(var(--inrWidth) * 100%); }
.inr-wide{ max-width: calc(var(--inrWide) * 1rem); }
.inr-narrow{ max-width: calc(var(--inrNar) * 1rem); }

/* header */
:root{
	--header_height: 150rem;
}

header{ position: relative; width: 100%; height: 100%; z-index: 10; border-bottom: 1rem solid #e1e1e1;}
header .inr{ height: 100%; }
header .header__top { display: grid; grid-template-columns: repeat(3,1fr); align-items: center; height: 90rem; }
.header__utill {display: flex; justify-content: flex-end; align-items: center; gap: 30rem;} 
.logo{ position: relative; display: inline-block; font-size: 0;}
.logo__a{ display: inline-block; }
.logo__img{height: 20rem; min-height: 20rem; font-size: 1rem; }
.utill_svg {height: 25rem; fill: #222; stroke-width: 0px;}
.utill_svg.user__svg {height: 30rem; }
header .header_bottom { display: none;}
header .gnb {display: grid; grid-template-columns: repeat(5,1fr); align-items: center; text-align: center;}
header .gnb [data-gnb="1"]{display: block; height: 100%; padding:20rem 0 25rem; font-size: 18rem; color: #b5b5b5; font-weight: 500; }
header .gnb [data-gnb="1"].on {color: var(--black); font-weight: 600; border-bottom: 2rem solid #000;}
header .gnb .sub_menu {display: none;}

.vSearch.inr {
    height: auto;
    background: #fafafa;
    padding: 0 20rem;
    padding-bottom: 60rem;
    margin: 0;
    width: auto;
}
.vSearch .bot-sc .suggest .sTit {
    display: flex;
    justify-content: space-between;
}
.vSearch .bot-sc .suggest .sTit .sTit_date {
    display: flex;
    gap: 5rem;
}

/* mobile-menu */
.btn_menu{ display: none; position: relative; width: 25rem; height: 25rem; background: 0; color: inherit; z-index: 1; }
.btn_menu span{ display: block; margin-left: auto; width: 100%; height: 1rem; background: currentcolor; }
.btn_menu span + span{ margin-top: 7rem; }

@media(prefers-reduced-motion:no-preference){
	header,
	.logo__img,
	.gnb .sub_menu,
	.btn_menu span{ transition: .4s; }
}

@media(max-width: 768px) {
	header .gnb [data-gnb="1"] {font-size: 16rem;}
	.logo__img{ height: 16rem; min-height: 16rem; }
	.header__utill {gap: 20rem;}
	.utill_svg {height: 23rem; }
	.utill_svg.user__svg {height: 28rem; }
}

/* 모바일 메뉴 */
.mGnb{ overflow: hidden auto; position: fixed; top: 0; right: 0; transform: translateX(100%); max-width: 280rem; width: 100%; height: 100%; background: var(--white); z-index: 3; }
.mGnb.active{ transform: translateX(0); }
.mGnb__header{ display: grid; align-items: center; justify-content: flex-end; height: var(--header_height); }
.mGnb .btn_close{ position: relative; margin-right: -100vw; display: block; width: 22rem; height: 22rem; background: 0; font-size: 0; }
.mGnb.active .btn_close{ margin-right: 15rem; }
.mGnb .btn_close::before,
.mGnb .btn_close::after{ content: ''; position: absolute; top: 50%; left: 0; display: block;  width: 100%; height: 1rem; background: var(--black); transform: translateY(-50%) rotate(45deg); }
.mGnb .btn_close::after{ transform: translateY(-50%) rotate(-45deg); }

.mGnb [data-gnb="1"]{ position: relative; display: block; padding: 15rem 25rem; border-bottom: 1rem solid #e1e1e1; color: #424242; }
.mGnb > ul > li:first-child > a{ border-top: 1rem solid #e1e1e1; }
.mGnb [data-gnb="1"].open::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10rem; display: block; width: 11rem; height: 7rem; background: url('/images/common/menu_button.svg') no-repeat 50% 0 / contain; }
.mGnb [data-gnb="1"].active::before{ transform: translateY(-50%) rotate(180deg); }
.mGnb .sub_menu{ display: none; background: #eee; }
.mGnb .sub_menu > li{ border-bottom: 1rem solid #dedede; }
.mGnb [data-gnb="2"]{ position: relative; display: block; padding: 15rem 25rem; font-size: 14rem; color: var(--black); }

.cover{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .4); visibility: hidden; opacity: 0; z-index: 2; }
.cover.active{ visibility: visible; opacity: 1; }
@media(prefers-reduced-motion: no-preference){
	.mGnb{ transition: .5s ease-out; }
	.mGnb .btn_close{ transition: .8s; }
	.mGnb [data-gnb="1"]{ transition: .3s; }
	.mGnb [data-gnb="1"].open::before{ transition: .4s; }
	.cover{ transition: .4s; }
}

/* footer */
footer {background: #f5f5f5; color: #666;}
footer .customer {padding: 25rem 0;}
footer .footer__utill {display: flex; gap: 40rem; justify-content: center; align-items: center;}
footer .footer__utill li {position: relative; font-size: 17rem; font-weight: 500;}
footer .footer__utill li a:hover {color: var(--primary);}
footer .footer__utill li + li::before {content: ''; position: absolute; inset: 6rem auto 8rem -20rem; border-left: 1rem solid #dedede; }
footer .footer__info {padding: 45rem 0 50rem; border-top: 1rem solid #dedede; color: #222}
footer .footer__links {display: flex; gap: 30rem; }
footer .footer__links li {position: relative;}
footer .footer__links li + li::before {content: ''; position: absolute; inset: 6rem auto 8rem -15rem; border-left: 1rem solid #dedede; }
footer .footer__address {margin-top: 20rem; display: flex; flex-wrap: wrap; gap: 6rem 36rem;}
footer .footer__copyright{ margin-top: 20rem; color: #888;}

@media(max-width: 768px) {
	footer {font-size: 15rem;}
	footer .footer__links {gap:16rem;}
	footer .footer__links li + li::before {display: none;}
	.footerLinks__a { font-size: 14rem; }
	footer .footer__address {gap: 5rem 20rem; margin-top: 15rem;}
	footer .footer__copyright{ margin-top: 15rem;}
}

/* scroll to top */
.sticky{ position: sticky; bottom: 10%; margin: 0 auto; max-width: 768px; z-index: 5; }
.scrollToTop{ float: right; position: absolute; right: 15rem; bottom: 15rem; width: 50rem; height: 50rem; background: #fff; border-radius: 50%; stroke-miterlimit:10; fill:none;stroke:#000; stroke-linecap:round;stroke-linejoin:round;stroke-width:2px; }
.scrollToTop svg{ width: 50rem; height: 50rem; }


/* 업데이트20241213 */
.bottom_menu { position: fixed; bottom: 0; display: block; width: 100%; max-width: 768px; background: #fff; z-index: 99; box-shadow: 0px -4px 15px -5px rgba(0,0,0,0.26); -webkit-box-shadow: 0px -4px 15px -5px rgba(0,0,0,0.26); -moz-box-shadow: 0px -4px 15px -5px rgba(0,0,0,0.26); }
.bottom_menu .bottom_menu_nav { display: flex; justify-content: space-around; }
.bottom_menu .bottom_menu_nav li { width: 100%; height: 75px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; flex-direction: column; cursor: pointer; }
.bottom_menu .bottom_menu_nav li#nHome i { background-image: url(/images/common/ico-home-reg.svg); }
.bottom_menu .bottom_menu_nav li#nProduct i { background-image: url(/images/common/ico-menu-reg.svg); }
.bottom_menu .bottom_menu_nav li#nSearch i { background-image: url(/images/common/ico-search-reg.svg); }
.bottom_menu .bottom_menu_nav li#nProfile i { background-image: url(/images/common/ico-profile-reg.svg); }
.bottom_menu .bottom_menu_nav li i { background-repeat: no-repeat; background-size: contain; position: relative; display: block; width: 18px; height: 18px; margin-bottom: 7px; }
.bottom_menu .bottom_menu_nav li span { font-size: 11px; }
.nav_all_product { position: fixed; bottom: -100%; width: 100%; background: white; max-width: 768px; margin-bottom: 75px; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); transition: all 0.5s linear; transform: translateY(100%); z-index: 90; }
.nav_all_product.active { transform: translateY(0); bottom: 0; transition: all 0.5s linear; }
.nav_all_product .wrap { background: #f7f7f7; padding: 10px; }
.nav_all_product .navProd { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.nav_all_product .navProd li { padding: 15px 20px; position: relative; background: #fff; border-radius: 5px; }
.nav_all_product .navProd li .m_txt { display: flex; flex-direction: column; gap: 5px; position: relative; }
.nav_all_product .navProd li .m_txt span { font-weight: bold; }
.nav_all_product .navProd li .m_txt::after { content: ''; position: absolute; display: block; background: url(/images/common/ico-arrow-r.svg) no-repeat; background-size: contain; width: 10px; height: 10px; top: 50%; right: 0; transform: translateY(-50%); }


/* Search */
#commonSearch { position: fixed; top: 0; z-index: 10; height: 100vh; background: #fff; width: 100%; max-width: 768px; transform: translateX(100%); opacity: 0; transition: all 0.5s; }
#commonSearch.active { transform: translateX(0); opacity: 1; transition: all 0.5s; }
.vSearch { }
.vSearch .top-sc { display: flex; justify-content: space-between; padding: 20rem 0; }
.vSearch .top-sc .view__search { display: flex; position: relative; width: 100%; }
.vSearch .top-sc .view__search input { width: 100%; height: 50rem; position: relative; }
.vSearch .top-sc .close_btn { width: 12%; position: relative; pointer-events: auto; }
.vSearch .top-sc .close_btn::before { content: ''; position: absolute; display: block; background: url(/images/common/ico-arrow-r.svg) no-repeat; background-size: contain; background-position: center; width: 20px; height: 20px; top: 50%; transform: translateY(-50%) rotate(180deg); }
.vSearch .top-sc .close_btn i { position: absolute; top: 50%; transform: translate(-80%, -50%); }
.vSearch .top-sc .view__search .search-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0 15rem; }
.vSearch .top-sc .view__search .search-btn .utill_svg { height: 20rem; fill: #666666; }
.vSearch .bot-sc { display: flex; flex-direction: column; gap: 30rem; padding: 20rem 0; }
.vSearch .bot-sc .suggest { display: flex; flex-direction: column; gap: 25rem; }
.vSearch .bot-sc .suggest .data { display: grid; grid-template-rows: repeat(5, 1fr); grid-auto-flow: column; gap: 20rem; }
.vSearch .bot-sc .suggest .data > li > a { display: flex; align-items: center; /* padding-right: 20rem; */ }
.vSearch .bot-sc .suggest .data > li > a > span { display: flex; gap: 15rem; color: #999; width: 100%; }
.vSearch .bot-sc .suggest .data > li > a > span > p { color: #000; }
.vSearch .stat { position: relative; display: inline-block; width: 10px; height: 10px; }
.vSearch .stat.down::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(180deg); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #6496de; }
.vSearch .stat.up::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) rotate(-180deg); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #f55e5e; }
.vSearch .stat.stag::before { content: ''; position: absolute; top: 50%; left: 0; width: 7px; height: 2px; background-color: #c2c2c2; transform: translateY(-50%); }