:root { 
--inner-pd:5.20833333333%; 
--inner-cont-pd: calc((100% - 1200px) / 2); 
--color-point : #2C9996; 
--color-point-or : #E38B13; 
--color-border : #E3E3E3; 
--color-bg : #EFF3F4; 
--color-bg-or : #F7F4F2; 
--color-txt : #6F6F6F; 
--bo-radius : 1.4rem
 } 
 
@media all and (max-width:1440px) { 
 /*1024까지*/
 :root { --inner-cont-pd: calc((100% - 900px) / 2); } 
 } 
 @media all and (max-width:1024px) { 
 :root { --inner-cont-pd: calc(var(--inner-pd) * 1.5); } 
 } 

.inner { padding:0 var(--inner-pd); } 
.flex { display: flex; justify-content:space-between; align-items: center; } 
.s-tit { color: var(--color-point); font-size: 2rem; font-weight: 700;; } 
.b-tit { margin-top: 1.5rem; margin-bottom: .5rem; font-size: 4.3rem; line-height: 1.3; letter-spacing: -0.080em; } 
.m-tit { position: relative; margin-bottom: .6em; font-size: 2.3rem; text-align: left; } 
.m-tit::before { display: inline-block; width: 20px; height: 20px; background: url(../img/icon_tit_arrow.svg)no-repeat center / contain; content: ''; } 
.txt { color: var(--color-txt); font-size: 2rem; } 
.btn-more { position: relative; display: inline-block; padding:0.944em 2.278em; background: var(--color-point-or); border-radius: 0.278em; color: #fff; overflow: hidden; z-index: 2; } 
.m-img { display: none; } 


@media all and (max-width:1440px) { 
 .s-tit { font-size: 1.8rem; } 
 .b-tit { font-size: 3.8rem; } 
.txt { font-size: 1.6rem; } 
.btn-more { font-size: 1.6rem; } 
 } 

@media all and (max-width:500px) { 
 .btn-more { font-weight: 600; } 
 .b-tit { margin-top: 0.5rem; } 
 } 

/*그리드스타일*/
.grid { display: grid; } 
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); } 
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); } 
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); } 
.grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); } 
@media screen and (max-width:1200px) { 
 .m1200-grid-1 { grid-template-columns: repeat(1, 1fr); } 
 .m1200-grid-2 { grid-template-columns: repeat(2, 1fr); } 
 .m1200-grid-3 { grid-template-columns: repeat(3, 1fr); } 
 .m1200-grid-4 { grid-template-columns: repeat(4, 1fr); } 
 .m1200-grid-5 { grid-template-columns: repeat(5, 1fr); } 
 } 
 @media screen and (max-width:1024px) { 
 .m1024-grid-1 { grid-template-columns: repeat(1, 1fr); } 
 .m1024-grid-2 { grid-template-columns: repeat(2, 1fr); } 
 .m1024-grid-3 { grid-template-columns: repeat(3, 1fr); } 
 .m1024-grid-4 { grid-template-columns: repeat(4, 1fr); } 
 } 
 @media screen and (max-width:900px) { 
 .m900-grid-1 { grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } 
 .m900-grid-2 { grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } 
 .m900-grid-3 { grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; } 
 .m900-grid-4 { grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; } 
 } 
 @media screen and (max-width:768px) { 
 .m768-grid-1 { grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } 
 .m768-grid-2 { grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } 
 .m768-grid-3 { grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; } 
 .m768-grid-4 { grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; } 
 } 
 @media screen and (max-width:500px) { 
 .m500-grid-1 { grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } 
 .m500-grid-2 { grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } 
 .m500-grid-3 { grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; } 
 .m500-grid-4 { grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; } 
 } 

/*header*/
header.header { position: fixed; top:0; width: 100vw; border: 1px solid rgba(255, 255, 255, 0.34); background: rgba(74, 126, 125, 0.25); z-index: 999; overflow: hidden; transition: top 0.3s ease-in-out; } 
header.header::before { position: absolute; content: ''; visibility: hidden; top:100px; width: 100vw; height: 0; border-top:0px solid var(--color-border); border-bottom: 1px solid var(--color-border); background:#fff; transition: 0.3s; } 
header.header .inner { height: 100px; transition: .3s; } 
header.header .logo { width: 192px; height: 50px; background: url(/theme/basic/img/logo_off.svg)no-repeat center / contain; } 
header.header .logo.icon { display:block; } 
header.header .gnb { margin-left: 5.5rem; } 
header.header .gnb > li { margin-right: 2.750em; height: 100px; line-height: 100px; transition: .3s; } 
header.header .gnb > li > a { color: #FFF; font-size: 2rem; font-weight: 600; line-height: 100px; letter-spacing: -1px; transition: 0.3s; } 
header.header .gnb > li > a .link { display: inline; margin-left: 0.2em; padding-bottom: 0.15em; vertical-align: sub; transition: .3s; } 
header.header a.login { padding: 0.389em 0.833em; background: #EFF3F4; border-radius: 50px; font-weight: 500; letter-spacing: -0.54px; } 
header.header a.login .icon { margin-right: 0.2em; } 
header.header .gnb .depth { position: absolute; width: 12.5%; left: var(--inner-pd); height: 0; border-left: 1px solid var(--color-border); padding-left: 1em; transition: 0.3s; overflow: hidden; } 
header.header .gnb .depth-2 { margin-left: 12.5%; } 
header.header .gnb .depth-3 { margin-left: calc((12.5%) * 2); } 
header.header .gnb .depth-4 { margin-left: calc((12.5%) * 3); } 
header.header .gnb .depth-5 { margin-left: calc((12.5%) * 4); } 
header.header .gnb .depth-6 { margin-left: calc((12.5%) * 5); } 
header.header .gnb .depth-7 { margin-left: calc((12.5%) * 6); } 
header.header .gnb .depth li { line-height: 35px; font-size: 1.8rem; } 
header.header .gnb .depth li a { color: var(--color-txt); font-weight: 300; transition: 0.3s; } 
header.header .gnb .depth li.dt-tit { position: relative; font-weight: bold; font-size: 2rem; margin-bottom: 18px; margin-top: 28px; } 
header.header .gnb .depth li.dt-tit::after { width: 3px; height: 1.1em; background:var(--color-point); position: absolute; content: ''; top: 5px; left: -0.9em; } 

header.header.active { background: #fff; overflow: visible; } 
header.header.active .logo { background: url(/theme/basic/img/logo_on.svg)no-repeat center / contain; } 
header.header.active .gnb > li > a { color: #000; } 
header.header.active .gnb > li > a .link { filter: invert(100%); } 
header.header.active::before { height: 432px; visibility: visible; border-top:1px solid var(--color-border); } 
header.header.active .gnb .depth { height: 432px; } 
header.header .logout { margin: 0 .3em; } 

.fp-viewing-1 header.header .logo,.fp-viewing-2 header.header .logo,.fp-viewing-3 header.header .logo,.fp-viewing-4 header.header .logo,.fp-viewing-5 header.header .logo { width: 192px; height: 50px; background: url(/theme/basic/img/logo_on.svg)no-repeat center / contain; } 
.fp-viewing-1 header.header,.fp-viewing-2 header.header,.fp-viewing-3 header.header,.fp-viewing-4 header.header,.fp-viewing-5 header.header { border-bottom: 1px solid var(--color-border); background: rgb(255 255 255); } 
.fp-viewing-1 header.header .inner,.fp-viewing-2 header.header .inner,.fp-viewing-3 header.header .inner,.fp-viewing-4 header.header .inner,.fp-viewing-5 header.header .inner,.fp-viewing-1 header.header .gnb > li,.fp-viewing-2 header.header .gnb > li,.fp-viewing-3 header.header .gnb > li,.fp-viewing-4 header.header .gnb > li,.fp-viewing-5 header.header .gnb > li { height: 74px; } 
.fp-viewing-1 header.header .gnb > li,.fp-viewing-2 header.header .gnb > li,.fp-viewing-3 header.header .gnb > li,.fp-viewing-4 header.header .gnb > li,.fp-viewing-5 header.header .gnb > li,.fp-viewing-1 header.header .gnb > li > a,.fp-viewing-2 header.header .gnb > li > a,.fp-viewing-3 header.header .gnb > li > a,.fp-viewing-4 header.header .gnb > li > a,.fp-viewing-5 header.header .gnb > li > a { line-height: 74px; } 
.fp-viewing-1 header.header .gnb > li > a,.fp-viewing-2 header.header .gnb > li > a,.fp-viewing-3 header.header .gnb > li > a,.fp-viewing-4 header.header .gnb > li > a,.fp-viewing-5 header.header .gnb > li > a { color: #000; } 
.fp-viewing-1 header.header::before,.fp-viewing-2 header.header::before,.fp-viewing-3 header.header::before,.fp-viewing-4 header.header::before,.fp-viewing-5 header.header::before { top: 74px; } 
.fp-viewing-1 header.header .gnb > li > a .link,.fp-viewing-2 header.header .gnb > li > a .link,.fp-viewing-3 header.header .gnb > li > a .link,.fp-viewing-4 header.header .gnb > li > a .link,.fp-viewing-5 header.header .gnb > li > a .link { filter: invert(100%); } 

@media (any-pointer: coarse) { 
 /*터치 스크린 장치일 때 */
 header.header .gnb, header.header::before { display: none; } 
 header.header .logo { background: url(/theme/basic/img/logo_on.svg)no-repeat center / contain; } 
 header.header,
 header.header.active { background: #fff; } 
 header.header a.login { display: none; } 
 } 

@media (hover:hover) and (pointer:fine) { 

 header.header .gnb .depth li a:hover { color:var(--color-point); font-weight: 600; } 
 header.header.active .gnb > li:hover > a { color: var(--color-point); } 
 header.header.active .gnb > li:hover > a .link { filter: invert(34%) sepia(10%) saturate(2171%) hue-rotate(129deg) brightness(69%); } 
 .fp-viewing-1 header.header.active .gnb > li:hover > a .link,.fp-viewing-2 header.header.active .gnb > li:hover > a .link,.fp-viewing-3 header.header.active .gnb > li:hover > a .link,.fp-viewing-4 header.header.active .gnb > li:hover > a .link,.fp-viewing-5 header.header.active .gnb > li:hover > a .link { filter: invert(34%) sepia(10%) saturate(2171%) hue-rotate(129deg) brightness(69%); } 

 } 
@media(max-width:1680px) { 
 header.header .gnb > li { margin-right: 1.75em; } 
 header.header .gnb > li > a { font-size: 1.7rem; } 
 header.header a.login { font-size: 1.6rem; } 
 } 
@media(max-width:1440px) { 
 header.header .inner { padding: 0 calc(var(--inner-pd) / 2); } 
 header.header .gnb { margin-left: 0; } 
 header.header .gnb > li { margin-right: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
 header.header .gnb > li:last-child { margin-right: 0; } 
 header.header .gnb > li > a {font-size: 1.5rem; } 
 header.header .gnb > li > a .link {width: 1.4rem;}
 header.header a.login { font-size: 1.4rem; } 
 header.header a.login .icon { width: 20px; } 
 /* header.header .gnb .depth { width: 16.66666666666667%; left: 0; } 
 header.header .gnb .depth-2 { margin-left:16.66666666666667%; } 
 header.header .gnb .depth-3 { margin-left: calc((16.66666666666667%) * 2); } 
 header.header .gnb .depth-4 { margin-left: calc((16.66666666666667%) * 3); } 
 header.header .gnb .depth-5 { margin-left: calc((16.66666666666667%) * 4); } 
 header.header .gnb .depth-6 { margin-left: calc((16.66666666666667%) * 5); }  */
 header.header .gnb .depth li { font-size: 1.6rem; } 
 header.header .gnb .depth li.dt-tit { margin-bottom: 4px; font-size: 1.8rem; } 
 } 
@media(max-width:1200px) { 
 header.header.active::before ,
 header.header.active .gnb .depth { height: 294px; } 
 header.header .logo { width: 134px; } 
 header.header .gnb > li > a { font-size: 1.6rem; } 
  header.header .gnb, header.header::before,
 header.header a.login { display: none; } 
 header.header .inner { height: 74px; } 
 .fp-viewing-1 header.header .logo, .fp-viewing-2 header.header .logo, .fp-viewing-3 header.header .logo, .fp-viewing-4 header.header .logo, .fp-viewing-5 header.header .logo { width: 134px; } 
 } 
@media(max-width:1024px) { 

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

 #main header.header { background: url(../image/bg.jpg); } 
 header.header .inner { height: 75px; } 
 header.header img.logo.icon, footer img.logo.icon { width: 160px; } 
 } 
 
 @media all and (max-width:500px) { 
 header.header .inner { padding: 0 var(--inner-pd); } 
 } 


.ham_menu_btn { margin-left: auto; display: none; } 
.ham_menu_btn span { display: block; width: 35px; height: 3px; background: #000; } 
.ham_menu_btn span:nth-child(2) { margin: 7px 0; } 

.ham_menu_btn.close_ham { display: block; margin: 20px auto; padding: 29px 0 0 13px; text-align: center; width: 60px; height: 60px; background: var(--color-point); border-radius: 100%; } 
.ham_menu_btn.close_ham span { background:#fff; transform-origin: center; width: 35px; height: 2px; display: block; } 
.ham_menu_btn.close_ham span:nth-child(1) { transform: rotate(45deg); } 
.ham_menu_btn.close_ham span:nth-child(2) { display: none; } 
.ham_menu_btn.close_ham span:nth-child(3) { transform: translateY(-2px) rotate(135deg) } 

.ham_menu { position: fixed; right: 0; top: 0; z-index: 9999; width: 0; height: 100vh; background:#fff url(../image/intro/intro-bg.jpg)no-repeat center / cover; overflow: hidden; visibility: hidden; transition: .3s; } 
.ham_menu.active { width: 40%; visibility: visible; } 
.ham_menu > ul { padding: 30px; } 
.ham_menu > ul > li { width: 100%; line-height: 2; position: relative; } 
.ham_menu > ul > li:after { content: ""; display: block; width: 20px; height: 1px; position: absolute; right: 20px; top: 1em; background: #ccc; transform:rotate(0deg); transition-duration: 0.4s } 
.ham_menu > ul > li:before { content: ""; display: block; width: 20px; height: 1px; position: absolute; right: 20px; top: 1em; background: #ccc; transform:rotate(90deg); transition-duration: 0.4s } 
.ham_menu > ul > li.active:after { transform:rotate(180deg); transition-duration: 0.4s } 
.ham_menu > ul > li.active:before { transform:rotate(360deg); transition-duration: 0.4s } 
.ham_menu > ul > li.active .gnb-depth { padding: 15px; height: auto; } 
.ham_menu > ul > li > .gnb-depth { height: 0; overflow: hidden; padding:0 15px; background: var(--color-bg); transition-duration: 0.4s } 
.ham_menu > ul > li > a { font-size: 2.1rem; font-weight: 600; } 
.ham_menu > ul > li > a .icon { display: inline-block; filter: brightness(0); margin-left: 0.3em; vertical-align: sub; } 
.ham_menu > ul > li > .gnb-depth a { display: block; line-height: 36px } 
.ham_menu > ul > li > .gnb-depth { position: relative; } 
.ham_menu > ul > li.add-non:after,
.ham_menu > ul > li.add-non::before { display: none; } 
.ham_bg.active { position: fixed; width: 100%; background:rgba(29, 42, 40, 0.7); backdrop-filter: blur(3px); left: 0; top: 0; height: 100%; z-index: 999; } 
.ham_menu .login-wr .login { justify-content: center; padding: 0.389em 0.833em; background: #EFF3F4; border-radius: 50px; font-weight: 500; letter-spacing: -0.54px; } 
.ham_menu .login-wr > li > a { display: block; text-align: center; } 
.ham_menu .login-wr .logout { margin: 0 .3em; } 
.ham_menu .login-wr .login .icon { margin-right: 0.2em; } 


@media (any-pointer: coarse) { 
 /*터치 스크린 장치일 때 */
 .ham_menu_btn { display: block; margin-left: 2em; } 
 } 

@media(max-width:1200px) { 
 .ham_menu_btn { display: block; margin-left: 2em; } 
 } 
 @media(max-width:768px) { 
 .ham_menu.active { width: 70%; } 
 .ham_menu_btn span:nth-child(2) { margin: 7px 0; } 
 } 

@media(max-width:500px) { 
 .ham_menu.active { width: 100%; } 
 .ham_menu > ul > li > a { font-size: 2.4rem; } 
 .ham_menu > ul > li > .gnb-depth a { font-size: 2rem; line-height: 2; } 
 .ham_menu_btn.close_ham { width: 40px; height: 40px; padding: 20px 0 0 9px; } 
 .ham_menu_btn.close_ham span { width: 22px; } 
 .ham_menu > ul.login-wr > li > a { font-size: 2rem; } 
 .ham_menu .login-wr .logout { margin: 0 .3em; } 
 } 


/*하단*/
.footer { background: var(--color-bg) url(../img/deco_logo.png)no-repeat 0% 35%; } 
.footer .inner { padding: 4.3rem var(--inner-cont-pd); } 
.footer .time-info-wr { align-items: flex-start; } 
.footer .time-info-wr .tit-wr { width: 29%; } 
.footer .time-info-wr .tit-wr .txt { font-size: 1.8rem; } 
.footer .time-info-wr .time-info { width: 71%; } 
.footer .time-info-wr .time-info * { color: #fff; } 
.footer .time-info-wr .time-info { grid-gap: 1.6rem; font-size: 18px; font-weight: 200; } 
.footer .time-info-wr .time-info .icon { margin: auto; } 
.footer .time-info-wr .time-info .item { height: 100%; padding: 2.5em 1.5em; background: var(--color-point); } 
.footer .time-info-wr .time-info .item .item-tit { margin-bottom: 3.5rem; font-size: 0.889em; font-weight: 500; text-align: center; } 
.footer .time-info-wr .time-info .item .item-tit span { margin-top: 0.444em; } 
.footer .time-info-wr .time-info .item .info { margin-top: 2.056em; } 
.footer .time-info-wr .time-info .item .info ul { align-items: baseline; } 
.footer .time-info-wr .time-info .item .info ul:last-child { margin-top: 1em; } 
.footer .time-info-wr .time-info .item .info .info-day { width: 61px; border-radius: 50px; background: var(--color-point-or); font-size: 0.8em; text-align: center; } 
.footer .time-info-wr .time-info .item .info .info-time { width: calc(100% - 61px); margin-left: 1em; } 
.footer .time-info-wr .time-info .item.item-lunch { text-align: center; } 

.footer .ft-info-wr * { background-color: #383838; color: #888; font-size: 1.6rem; text-align:left; } 
.footer .ft-info-wr { } 
.footer .ft-info-wr .color-w { color: #C0C0C0; } 
.footer .ft-info-wr .info { justify-content: flex-start; flex-wrap: wrap; margin: 1.5em 0 1em; } 
.footer .ft-info-wr .info li { margin-right: 1.7em; line-height: 1.7; } 
.footer .ft-info-wr .info li:nth-child(2) { width: 58%; text-align: left; } 
.footer .ft-info-wr .info li span { margin-right: .2em; } 
.footer .ft-info-wr .terms-wr { justify-content: flex-start; } 
.footer .ft-info-wr .terms-wr li { position: relative; } 
.footer .ft-info-wr .terms-wr li:not(:last-of-type)::after { margin: 0 0.3em; content: '·'; } 
.footer .ft-info-wr .copy { font-size: 1.4rem; text-align: left; } 
.footer .ft-info-wr .info-logo { align-self: baseline; opacity: .5; } 

@media(max-width:1440px) { 
 .footer .time-info-wr { flex-direction: column; } 
 .footer .time-info-wr .tit-wr,
 .footer .time-info-wr .time-info { width: 100%; } 
 .footer .time-info-wr .time-info { margin-top: 1em; } 
 } 
@media all and (max-width:1024px) { 
 .footer .time-info-wr .time-info { font-size: 16px; } 
 .footer .time-info-wr .time-info .item .info { margin-bottom: 0; } 
 .footer .time-info-wr .time-info .item .info ul { flex-direction: column; } 
 .footer .time-info-wr .time-info .item .item-tit { margin-bottom: 2.5rem; } 
 } 
@media(max-width:900px) { 
 /*768*/
 .footer .ft-info-wr .info { display: block; } 
 .footer .ft-info-wr .info-logo { width: 150px; } 
 .footer .time-info-wr .time-info .item { display: flex; justify-content: flex-start; align-items: flex-start; padding: 1.5em 1.5em; } 
 .footer .time-info-wr .time-info .item .info { display: flex; justify-content: flex-start; align-items: flex-start; height: 100%; margin-top: 0; margin-left: 2em; padding-left: 2em; border-left: 1px solid #79bcbb; } 
 .footer .time-info-wr .time-info .item .info ul:last-child { margin-top: 0; margin-left: 1.5em; } 
 .footer .time-info-wr .time-info .item.item-lunch ul:last-child { margin-left: 0; } 
 } 
 @media all and (max-width:768px) { 
 /*500*/
 .footer .ft-info-wr .inner { flex-direction: column-reverse; align-items: flex-start; } 
 .footer .info-wr { margin-top:1em; } 
 .footer .time-info-wr .time-info .item .info { display: block; } 
 .footer .time-info-wr .time-info .item .info ul:last-child { margin-top: .5em; margin-left: 0; } 
 .footer .time-info-wr .time-info .item .info .info-day { margin-right: 0.5em; } 
 } 
 @media all and (max-width:500px) { 
 .footer .time-info-wr .time-info .icon { width: 32px; } 
 .footer .time-info-wr .time-info .item .info { margin-left: 1.5em; padding-left: 1.5em; } 
 .footer .ft-info-wr .terms-wr { flex-wrap: wrap; } 
 } 
 


/*탑 버튼*/
.nav-btn-wr, .nav-call { position: fixed; right: var(--inner-pd); bottom: 9rem; filter: drop-shadow(0.3em 0.3em 0.2em rgba(71, 98, 94, 0.2)); z-index: 999; } 
.nav-btn-wr { bottom: 15.5rem; } 
.nav-btn-wr .btn { flex-direction: column; justify-content: center; align-items: center; width: 73px; height: 73px; margin: .5rem 0 .5rem auto; border-radius: 100%; } 
.nav-btn-wr .btn span { font-size: 1.2rem; } 
.nav-btn-wr .btn.nav-ka { background-color:#FFEA00; } 
.nav-btn-wr .btn.nav-bl { background-color:#08AA39; } 
.nav-btn-wr .btn.nav-top { background-color:#FFFFFF; border: 1px solid var(--color-border); cursor: pointer; } 
.nav-btn-wr .btn.nav-ka span { color:#3B1E1D; } 
.nav-btn-wr .btn.nav-bl span { color: #fff; } 
.nav-call { width: auto; height: 50px; border-radius: 50px; border: 1px solid var(--color-border); background-color: #fff; } 
.nav-call .icon-box { justify-content: center; width: 50px; height: 50px; margin-left: -2px; border-radius: 100%; background-color: var(--color-point); } 
.nav-call span { display: inline-block; padding: 0.304em 0.739em; font-size: 2.4rem; font-weight: 900; } 

@media all and (max-width:1024px) { 
 .nav-btn-wr, .nav-call { right: calc(var(--inner-pd) / 2); } 
 .nav-btn-wr .btn { width: 60px; height: 60px; } 
 .nav-btn-wr .btn span { display: none; } 
 .nav-btn-wr { bottom: 11.5rem; } 
 .nav-call { bottom: 4.5rem; } 
 .nav-call span { padding: 0.2em 0.5em; font-size: 2rem; } 
 } 
@media all and (max-width:500px) { 
 .nav-btn-wr .btn { width: 48px; height: 48px; margin: 1rem 0 1rem auto; } 
 .nav-call span { padding: 0.2em 0.7em 0.2em 0.5em; } 
 } 



























/**/