#siteNav > li > a {
    color: #fff;
    /* font-size: 11px; */
    font-family: var(--ft1);
    font-weight: 500;
    position: relative;
    line-height: 40px;
    padding: 0 15px;
    min-height: 40px;
    display: flex;
    align-items: center
  }

#header {
  position: relative;
  z-index: 15;
  background-color: #fff;
/*  border-bottom: 1px solid #ccc*/
}

.site-header {
  width: 100%;
  min-height: 90px;
  position: relative
}



.site-header > .header-logo, .site-header > div, .site-header > nav {
  flex: 1
}
.site-header .icons-col {
  width: 20%;
  max-width: 170px
}
.site-header a.hdicon {
  position: relative;
  color: #fff;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0 9px;
  background:red;
  margin:5px 0
}
.site-header a.hdicon .at {
  font-size: 17px;
  min-width: 18px;
  min-height: 18px
}

.site-header .txtBlock, .site-header .social-icons a {
  color: #030505
}

.maqee{
/*	position: absolute;*/
	background: #eee;
	width: 100%;
	height: 30px;
    line-height: 30px;
	padding: 0 10px;
	top:0px;
	left:0%;
    font-size: 13px;
    font-weight: 300
        
/*	transform: translateX(-55%)*/
}
.ig-marquee__group{
   padding: 0 60px
}
.mfpbox { margin:0 auto; padding:30px; max-width:800px; position:relative; background-color:#fff; box-shadow:0 0 20px rgba(68, 68, 68, 0.3); }
.mfpbox .mfp-close { right:10px; opacity:1; top:10px; color:#444; line-height:30px; height:30px; width:30px; }

@media only screen and (max-width:767px) {
  .mfpbox { padding:20px; overflow-x:scroll; }
}


@media only screen and (max-width:1190px) {
  .site-header {
    min-height: 70px
  }
  .site-header .mobile-nav, .site-header .icons-col {
    max-width: 35px;
  }
}
.notification-bar {
  min-height: 30px;
  z-index: 1;
  background: #ECECEC;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  color:#000
}
.notification-bar a:hover {
  color: #fff;
  text-decoration: none;
}
.close-announcement {
  color: #000;
  cursor: pointer;
  font-size: 15px;
  height: 25px;
  width: 25px;
  line-height: 23px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
}




#header.stickyHeader {
  position: fixed;
  top: 0;
  z-index: 50;
  width: 100%;
  left: 0;
  box-shadow: 0 0 7px #0003
}
.stickyHeader .site-header {
  min-height: 90px
}

@media only screen and (max-width:1025px) {
	 header.site-header{
	   box-shadow: var(--box-shadow2);
	}
}

.currency-picker .selected-currency {
  display: none
}
.cnrLangList {
  max-height: 300px;
  overflow: auto;
  margin-right: -10px
}
.cnrLangList li {
  color: #000;
  font-size: 11px;
  margin: 0 5px 5px 0;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0;
  padding: 3px 8px;
  opacity: .6;
  border: 1px solid rgba(0, 0, 0, .3)
}
.cnrLangList li:hover {
  opacity: 1
}
.cnrLangList li.selected, .cnrLangList li a.weglot-link--active {
  color: #f04343;
  border-color: #f04343;
  opacity: 1
}
#counsel-section-navigation {
  background: #fff;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc; 
}
#siteNav.fwmm li.megamenu .megamenu {
  padding: 0px;
  border-bottom:1px solid #ccc;
  overflow-x: hidden
}
#siteNav.fwmm li.megamenu .megamenu.style2 {
  padding: 0
}
#counsel-section-navigation.academic{background: #000;}


.siteNavigation .lbl {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1;
  display: inline-block;
  padding: 2px 4px;
  margin: 0 auto 0 5px;
  position: relative;
  vertical-align: middle
}
.siteNavigation .lbl:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 3px;
  left: -7px;
  border: 4px solid transparent;
  border-right-color: red
}
.siteNavigation .lbl.nm_label1 {
  background-color: red
}
.siteNavigation .lbl.nm_label1:after {
  border-right-color: red
}
.siteNavigation .lbl.nm_label2 {
  background-color: #fc690c
}
.siteNavigation .lbl.nm_label2:after {
  border-right-color: #fc690c
}
.siteNavigation .lbl.nm_label3 {
  background-color: #7fbf10
}
.siteNavigation .lbl.nm_label3:after {
  border-right-color: #7fbf10
}
.siteNavigation .lbl.nm_label4 {
  background-color: #d0a306
}
.siteNavigation .lbl.nm_label4:after {
  border-right-color: #d0a306
}
.siteNavigation .lbl.nm_label5 {
  background-color: #af4de2
}
.siteNavigation .lbl.nm_label5:after {
  border-right-color: #af4de2
}

  
 #header {
    position: relative;
    z-index: 100; 
  }


  #counsel-section-navigation {
    position: relative;
    z-index: 100; 
  }

  .page-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1010; 
  }
  /* 헤더 부분 투명 영역 */
  .page-overlay::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: calc( 50px + 80px);
    background: transparent;
    z-index: 1010;
  }

  /* 헤더 밑부터 검정 불투명 배경 */
  .page-overlay::after {
    content: "";
    position: fixed;
    top: calc(50px + 80px);
    left: 0;
    width: 100vw;
    height: calc(100vh - (50px + 80px));
    background: rgba(0,0,0,0.7);
    z-index: 1010;
  }

  /* 오버레이 활성 시 pointer-events 활성화 */
  .page-overlay.active {
    pointer-events: auto;
  }












@media only screen and (min-width:1191px) {
  #siteNav .at-angle-down-l {
    margin-left: 6px
  }
  #siteNav a {
    text-decoration: none;
    display: block;
    opacity: 1
  }
  #siteNav > li {
    display: inline-block;
    text-align: left;
    margin-right: 20px
  }
  #siteNav > li.ctsize, #siteNav > li.dropdown {
    position: relative
  }
  #siteNav > li > a {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    line-height: 45px;
    padding: 0 15px;
    min-height: 45px;
    display: flex;
    align-items: center;
     position: relative
  }
  #siteNav > li:hover > a, #siteNav > li > a:hover, #siteNav > li > a.active {
    position: relative;
    color: #E5180A
  }
 #siteNav > li > a:hover:before{
        position: absolute;
        content: "";
        top:-3px;
        left:0;
        width: 85%;
        height: 3px;
        background: red;
      margin-left:7px
    }
    .megamenu a.active{
      border-top:3px solid red
    }
  #siteNav > li > a .lbl {
    position: absolute;
    top: -6px;
    left: 50%
  }
  #siteNav > li > a .lbl:after {
    bottom: -5px;
    left: 4px;
    border-width: 5px
  }
  #siteNav > li > a .lbl.nm_label1:after {
    border-left-color: red;
    border-right: 0 none
  }
  #siteNav > li > a .lbl.nm_label2:after {
    border-left-color: #fc690c;
    border-right: 0 none
  }
  #siteNav > li > a .lbl.nm_label3:after {
    border-left-color: #7fbf10;
    border-right: 0 none
  }
  #siteNav > li > a .lbl.nm_label4:after {
    border-left-color: #d0a306;
    border-right: 0 none
  }
  #siteNav > li > a .lbl.nm_label5:after {
    border-left-color: #af4de2;
    border-right: 0 none
  }
  #siteNav > li:hover > .megamenu, #siteNav > li:hover > .dropdown, #siteNav > li .dropdown li:hover > ul {
    top: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: visible
  }
  #siteNav div.megamenu {
    opacity: 0;
    visibility: hidden;
    padding: 30px 35px 0;
    margin: 0;
    position: absolute;
    top: auto;
    z-index: 999;
    max-height: 800px;
    overflow: auto;
    background-color: #fff;
    border-radius: 0;
/*    box-shadow: 0 0 17px #64709d;*/
    pointer-events: none;
    transition: all .3s ease-in
  }
  #siteNav div.megamenu.mmfull {
    width: 100%;
    left: 0;
	border-top: 1px solid #ccc;
  }
  #siteNav div.megamenu.left {
    left: -17px
  }
  #siteNav div.megamenu.center {
    left: 50%;
    transform: translate(-50%)
  }
  #siteNav div.megamenu.right {
    right: -17px
  }
  #siteNav div.megamenu li.lvl-1 {
	 width:1133px;
     border-bottom:1px solid #ccc;
  }
  #siteNav div.megamenu li.lvl-1:last-child{border-bottom:0px solid #ccc;}
  #siteNav div.megamenu li.lvl-1 a.lvl-1 {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    background: #e5eaf9;
    min-width: 165px;
	padding:11px 8px 11px 13px;
	display:flex;
	align-items:center;
	line-height: 1.35
  }
  #siteNav div.megamenu li.lvl-1 a.lvl-1:hover {
    color: red;
  }
  #siteNav div.megamenu li.lvl-1 a.lvl-1 .title {
    display: block
  }
  #siteNav div.megamenu li.lvl-1 li a {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    letter-spacing: -0.5px;
	padding: 0 13px;
/*    line-height: 1.5*/
  }
  #siteNav div.megamenu li.lvl-1 li a:before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 3px;
    vertical-align: middle;
    background-color:red;
    transition: all .2s ease-in-out
  }
  #siteNav div.megamenu li.lvl-1 li a:hover {
    color: #000;
	font-weight: 500;
  }
  #siteNav div.megamenu li.lvl-1 li a:hover:before {
    width: 3px;
    margin-right: 3px
  }
#siteNav div.megamenu .site-nav{position: relative}
#siteNav div.megamenu .site-nav.blank:before{
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: url("../../img/icon/menu_blank_img.png") no-repeat center;
  z-index: 100;
  right:5px;
  top: 50%;
  margin-top: -7px;
}

	
  #siteNav div.megamenu li.lvl-1 li a.lvl-2{
/*
		min-width:200px;
	    margin: 0px 10px;
*/
	}
	
  div.megamenu .productCol {
    text-align: center
  }
  div.megamenu .productCol .grid-view-item {
    padding: 0;
    box-shadow: none;
    border: 0 none;
    margin-bottom: 15px;
    line-height: 1.2
  }
  div.megamenu .productCol .grid-view-item__title, div.megamenu .productCol .grid-view-item__meta {
    color: #000;
    margin-bottom: 0
  }
  #siteNav div.megamenu.style1 .imageCol {
    margin-bottom: 30px
  }
  #siteNav div.megamenu.style1 img {
    border-radius: var(--img_rad)
  }
  #siteNav div.megamenu.style1 .ttl {
    color: #000;
    display: block;
    padding: 5px;
    margin-top: 3px
  }
  #siteNav div.megamenu.style1 .ttl.bdr {
    border: 1px solid rgba(0, 0, 0, .2)
  }
  #siteNav div.megamenu.style2 {
    padding: 0
  }
  #siteNav div.megamenu.style2 .prColumn, #siteNav div.megamenu.style2 .mmftcolumn {
    padding: 20px;
    width: auto;
    vertical-align: top
  }
  #siteNav div.megamenu.style2 .mmftcolumn img {
    border-radius: var(--img_rad)
  }
  #siteNav div.megamenu.style2 .prColumn .grid {
    margin: 0 -10px
  }
  #siteNav div.megamenu.style2 .prColumn .gitem {
    padding: 0 10px;
  }
  #siteNav div.megamenu.style3 img {
    margin-bottom: 10px;
    border-radius: var(--img_rad)
  }
  #siteNav div.megamenu.style4 {
    background-repeat: no-repeat;
    background-size: auto 100%
  }
  #siteNav div.megamenu.style5 .grid {
    margin: 0 -10px
  }
  #siteNav div.megamenu.style5 .gitem {
    text-align: center;
    font-weight: 700;
    padding: 0 10px;
    margin-bottom: 20px
  }
  #siteNav div.megamenu.style5 .imgFl {
    border-radius: var(--img_rad)
  }
  #siteNav div.megamenu.style5 a {
    display: block;
    position: relative
  }
  #siteNav div.megamenu.style5 .imgOver {
    display: block;
    padding: 10px 0
  }
  #siteNav div.megamenu.style5 .below {
    padding: 10px 0 0
  }
  #siteNav div.megamenu.style5 .over .imgOver {
    padding: 10px 15px;
    position: absolute;
    left: 10px;
    right: 10px;
    width: auto;
    bottom: 20px;
    background-color: #fff
  }
	

  .admmsub {
    display: none
  }
  .admmsub.active {
    display: flex
  }
  li.mm6main {
    width: 170px;
    margin: -30px 40px 0 -35px;
    background-color: #f4f4f4
  }
  li.mm6main a.lvl-1 {
    padding: 12px 20px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #e7e7e7
  }
  li.mm6main a.lvl-1:hover, li.mm6main a.active {
    color: #000;
    background-color: #fff
  }
  .siteNavigation .mm6bx .gview-img .lbl {
    display: none
  }
  #siteNav ul.dropdown, #siteNav ul.dropdown ul {
    padding: 15px 20px;
    opacity: 0;
    visibility: hidden;
    width: 240px;
    position: absolute;
    top: auto;
    left: -17px;
    z-index: 999;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0px 0px 15px #0000004d;
    transition: all .3s ease-in-out
  }
  #siteNav ul.dropdown li {
    border-top: 1px solid #eeeeee;
    position: relative
  }
  #siteNav ul.dropdown li:first-child {
    border: 0 none
  }
  #siteNav ul.dropdown li a {
    font-size: 16px;
    color: #111;
    font-weight: 500;
    padding: 10px 5px;
    background-color: #fff
  }
  #siteNav ul.dropdown li a:hover {
    color: red;
    background-color: #fff;
    padding-left: 10px
  }
  #siteNav ul.dropdown li a .at {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 12px
  }
  #siteNav ul.dropdown li ul {
    top: 10px;
    left: 100%
  }
  #siteNav ul.dropdown li:hover > ul {
    top: -10px
  }
  .mm_layout {
    max-width: 1380px;
    margin: 0 auto;
    width: 100%;
  }
}
/*== 상단 텍스트 */
.ig-marquee__mask{
	overflow: hidden;
}
.ig-marquee__wide{
	display: flex;
	white-space: nowrap;
}
.ig-marquee__group{
	display: flex;
	justify-content: start;
	align-items: center;
	animation: marquee 10s linear infinite;
}
.ig-item{
	display: flex;
	align-items: center;
	flex-direction: reverse;
	text-decoration: none;
}
.ig-item__icon-image{
	width: 4.2em;
	margin-right: 2.4em;
	margin-left: 2.4em;
}


.text-s2{
	color: #000;
	font-size: 16px;
}
.section-cover{
    background: url("../../img/banner/main_banner_bg1.jpg")no-repeat;
    background-size: cover;
    background-position: center 
}
.section-cover2{
	background: linear-gradient(45deg, #773ec4 0%, #3ebff3 100%);
/*	background: #c8dbf3*/
/*
    background: url("../../img/banner/sub_banner_bg.jpg")no-repeat;
    background-size: cover;
    background-position: center 
*/
}



@keyframes marquee {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}
@media only screen and (max-width:1279px) {
  #siteNav > li > a {
    padding: 0 10px
  }
}
@media only screen and (max-width:1191px) {
  #siteNav, .search-container {display: none}
  	
}
.js-mobile-nav-toggle {
  margin-left: -9px
}
body.menuOn .modalOverly {
  display: block;
  opacity: .5
}
.mobile-nav-wrapper {
  width: 270px;
  height: 100%;
  position: fixed;
  left: -270px;
  top: 0;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 0 5px #0000004d;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out
}
.mobile-nav-wrapper.active {
  left: 0;
  opacity: 1;
  visibility: visible
}
.closemmn {
  color: #fff;
  background-color: #E5180A;
  position: absolute;
  top: 15px;
  right: -50px;
  cursor: pointer;
  width: 50px;
  height: 50px
}
#MobileNav {
  height: calc(100% - 36px);
  padding-bottom: 10px;
  overflow: auto
}
#MobileNav li {
  border-top: 1px solid #ccc;
  position: relative
}
#MobileNav li.gitem {
  float: none;
  padding: 0
}
#MobileNav li a {
  color: #000;
  font-size: 16px;
  text-decoration: none;
  min-height: 40px;
  padding: 5px 0 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 1;
  font-weight: 500;
  letter-spacing: .05em;
}
#MobileNav li a .at {
  color: #111;
  font-size: 15px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center
}
#MobileNav li ul {
  display: none;
  background-color: #f4f3f3
}
#MobileNav li li a {
  padding-left: 25px;
	
}
#MobileNav li li li a {
  padding-left: 35px
}
#MobileNav li li li li a {
  padding-left: 40px;
}

#MobileNav ul.subLinks .lvl-2{
	color:#444;
	font-weight: 400;
    background: #E8E8E8;
}
#MobileNav .lvl-1 a{
	color:#333;
	font-weight: 500;
}
#MobileNav .lvl-2 a{
	color:#111;
	font-weight: 500;
}


#MobileNav ul.subLinks .lvl-3{
	color:#000;
	font-weight: 400;
    background: #e0e0e0;
	padding-left: 22px;
	font-size: 15px;
}




.grid2 ul{
	width:100%;
    margin-left: 10px;
	padding: 15px 0
}
.grid2 ul li{
	width: calc(100% / 4 - 6px);
}




.grid-bnr {
  display: grid;
  gap: 10px;
  margin-bottom: 10px
}
.grid-bnr .imgBnr {
  position: relative;
  overflow: hidden
}
.grid-bnr img {
  display: block;
  width: 100%;
  transition: all .4s ease-in-out
}
.zoom_hov .imgBnr:hover img {
  transform: scale(1.1)
}
.gbtxtwrap {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex
}
.gbtxtwrap .txt.bx {
  padding: 15px 20px;
  background-color: var(--bg);
  border-radius: var(--bdr)
}
@media only screen and (min-width:769px) {
  .grid-bnr {
    gap: 20px;
    margin-bottom: 20px
  }
  .grid-bnr.st1 {
    grid-template-columns: repeat(4, 1fr)
  }
  .grid-bnr.st1 .imgBnr:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3
  }
  .grid-bnr.st1 .imgBnr:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3
  }
  .grid-bnr.st2 {
    grid-template-columns: repeat(4, 1fr)
  }
  .grid-bnr.st2 .imgBnr:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3
  }
  .grid-bnr.st3 {
    grid-template-columns: repeat(2, 1fr)
  }
  .grid-bnr.st3 .imgBnr:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 3
  }
  .grid-bnr.st4 {
    grid-template-columns: repeat(4, 1fr)
  }
  .grid-bnr.st4 .imgBnr:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3
  }
  .grid-bnr.st4 .imgBnr:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3
  }
  .grid-bnr.st5 {
    grid-template-columns: repeat(5, 1fr)
  }
  .grid-bnr.st5 .imgBnr {
    grid-column-start: 1;
    grid-column-end: 3
  }
  .grid-bnr.st5 .imgBnr:nth-child(3) {
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 3
  }
  .grid-bnr.st6 {
    grid-template-columns: repeat(3, 1fr)
  }
}
@media only screen and (max-width:768px) {
  .grid-bnr {
    grid-template-columns: repeat(2, 1fr)
  }
  .grid-bnr.st1 .imgBnr:nth-child(1), .grid-bnr.st1 .imgBnr:nth-child(4), .grid-bnr.st2 .imgBnr:nth-child(3), .grid-bnr.st3 .imgBnr, .grid-bnr.st5 .imgBnr, .grid-bnr.st6 .imgBnr {
    grid-column-start: 1;
    grid-column-end: 3
  }
  .grid-bnr.st4 .imgBnr:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3
  }
  .grid-bnr.st4 .imgBnr:nth-child(2) {
    grid-row-start: 2;
    grid-row-end: 5
  }

}

.logo-bar .gitem {
  display: flex;
  align-items: center;
  justify-content: center
}
.logo-bar .logoImg {
  border-radius: var(--br)
}
.logo-bar .flickity-slider .gitem {
  min-height: 100%
}
.logolist .gitem {
  margin-bottom: 15px
}
@media only screen and (min-width:1024px) {
  .logolist .gitem {
    margin-bottom: 25px
  }
}
.insta-shop {
  margin: 0 -10px
}
.home-instagram .instafeed:not(.carousel) {
  display: flex;
  flex-wrap: wrap
}
.home-instagram .instafeed .insta-img a {
  position: relative;
  padding-bottom: 100%;
  display: block;
  overflow: hidden
}
.home-instagram .instafeed .insta-img img {
  border-radius: var(--brd);
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.home-instagram .insta-img {
  padding: 0
}
.home-instagram .grid-sp .insta-img {
  padding: 0 5px 10px
}
.home-instagram .followus {
  text-align: center;
  padding: 20px 0
}
.home-instagram .followus .btn {
  position: relative;
  z-index: 555
}

/*
@media only screen and (max-width:991px) {
	.mo_bg{
	  width:100%;
	border-top:1px solid #eee
	}
}
*/


.gnb-view {
  max-width: 1400px;
  margin: 0 auto
}

.con_style1 .contact-details {
  padding: 40px;
  background: var(--bg);
  color: var(--cl)
}
.con_style1 .follow-us li .at {
  color: var(--cl)
}
.con_style2 .contact-frm {
  padding: 40px;
  background: var(--bg);
  color: var(--cl)
}


.scrollingBar {
  animation: marquee var(--spdm) linear infinite running
}
.scrollingBar:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused
}
@keyframes marquee {
  0% {
    transform: translate(0)
  }
  to {
    transform: translate(-50%)
  }
}
.scrollingBar .ttlTxt {
  padding: 0 20px;
  white-space: nowrap
}
@media only screen and (min-width:767px) {
  .scrollingBar {
    animation: marquee var(--spd) linear infinite running
  }
  .scrollingBar .ttlTxt {
    padding: 0 35px
  }
}
#site-scroll {
  color: #fff;
  line-height: 48px;
  cursor: pointer;
  height: 48px;
  right: 20px;
  position: fixed;
  border-radius: 50%;
  text-align: center;
  transition: all .3s ease 0s;
  width: 48px;
  bottom: 40px;
  z-index: 444;
  display: none;
  background: #E5180A
}