/* ============================================== 공통 ============================================== */
html.lenis, html.lenis body{height: auto;}
.lenis.lenis-smooth{scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior: contain;}
.lenis.lenis-stopped{overflow-y: scroll;}
.lenis.lenis-smooth iframe{pointer-events: none;}
img{display: block; max-width: 100%; object-fit: cover;}
.huav_wrap{overflow: hidden;margin-top: 100px;}
body{position: relative; max-width: 1920px; margin: auto;}
.grid{position: absolute; top: 1px; left: 50%; transform: translateX(-50%); z-index: -1; width: 1600px; height: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none;}
.grid div{width: 1px; height: 100%; background-color: #f5f5f5;}
.grid div:nth-child(1){}
.grid div:nth-child(2){}

/* 상단 네비게이션 */
.nav{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #f5f5f5;}

/* 슬로건 배경 장식 SVG (※ .visual .svg 가 더 구체적이라 비주얼 섹션 svg는 그쪽 규칙이 우선 적용됨) */
.svg{position: absolute; right: 200px; top: 50px; opacity: .3;}

/* ---------- 공통 타이틀 ---------- */
.m_top{display: flex; align-items: end; justify-content: space-between; max-width: 1500px; margin: auto;}
.m_top .m_txt{display: flex; flex-direction: column; gap: 10px;}
.m_top .m_txt h5{color: #085cf0; font-size: 24px; font-weight: 600; text-transform: uppercase;}
.m_top .m_txt h1{font-size: 70px; font-weight: 600;}

/* ---------- 공통 more ---------- */
.m_more{display: block; width: 160px; padding: 15px 0; display: flex; align-items: center; justify-content: center; border: 1px solid #999; border-radius: 8px; background-color: #fff; position: relative; overflow: hidden; isolation: isolate; transition: color 1s ease, border-color 1s ease, border-radius 1.6s cubic-bezier(0.22,1,0.36,1), transform .8s ease, opacity .8s ease !important;}
.m_more p{ font-size: 16px; font-weight: 600; color: #999; text-transform: uppercase; transition: color .5s ease;}
/* 호버 시 커서 위치에서 커지며 배경을 채우는 파란 원 (--mx/--my 는 JS가 커서 좌표로 설정) */
.m_more::before{content: ''; position: absolute; top: var(--my, 50%); left: var(--mx, 50%); width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background-color: #085cf0; transform: scale(0); transform-origin: center; transition: transform 0.5s ease-out; z-index: -1; pointer-events: none;} /* 줄어들 때(빠르게) */
.m_more:hover{border-color: #085cf0; border-radius: 18px;}
.m_more:hover p{color: #fff;}
.m_more:hover::before{transform: scale(20); transition: transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);} /* 커질 때(easeOut) */


/* ============================================== section 01 비주얼 ============================================== */

/* ---------- 비주얼 하이라이트(타이틀 + 슬라이드) ---------- */
.visual{position: relative; max-width: 1600px; width: 100%; margin: auto;padding-top: 150px;}
.visual .svg{position: absolute; right: 50px; top: 0; opacity: .3; z-index: -1; pointer-events: none;}

/* 상단: 타이틀 + 좌우 버튼 */
.visual .vTop{display: flex; align-items: flex-end; justify-content: space-between;  padding: 0 50px;  padding-bottom: 30px; border-bottom: 1px solid #ededed;}
.visual .vTop dl dt{font-size: 70px; font-weight: 500; line-height: 1.05; color: #bdbdbd; text-transform: capitalize;}
.visual .vTop dl dt b{display: block; font-weight: 700; color: #111; text-transform: uppercase;}
.visual .vTop dl dd{margin-top: 26px; font-size: 22px; font-weight: 500; color: #bdbdbd;}
.visual .vTop dl dd b{font-weight: 500; color: #111;}
/* 텍스트 올라오는 마스크(아래에서 위로) */
.visual .vTop dl .t_line{display: block; overflow: hidden;}
.visual .vTop dl .t_in{display: block; padding-bottom: .1em;}

/* 좌우 화살표 버튼 */
.visual .vSlide_btn{display: flex; align-items: center; gap: 4px; padding: 10px 14px; background: #f4f4f4; border-radius: 40px;}
.visual .vSlide_btn li{display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-size: 35px; color: #333; cursor: pointer; transition: opacity .3s;}
.visual .vSlide_btn li:hover{opacity: .5;}

/* 하단: 슬라이드 영역 (화면 전체 폭으로 펼침 = 풀블리드) */
.visual .vBot{margin-top: 40px; padding: 0; width: 100vw; margin-left: calc(50% - 50vw);}

/* slick 초기화 전 깜빡임(세로 쌓임) 방지 */
.high_slide:not(.slick-initialized){display: flex; gap: 20px; overflow: hidden;}
.high_slide:not(.slick-initialized) > li{flex: 0 0 390px;}

.high_slide li{width: 390px; margin-right: 20px;}
.high_slide li a{position: relative; display: block; width: 390px; height: 350px; border-radius: 16px; overflow: hidden; background: #1a1a1a;}
.high_slide li a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
/* 가독성을 위한 기본 그라데이션(검정) */
.high_slide li a::after{content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to bottom, rgb(0, 0, 0) 0%,rgba(0, 0, 0, 0) 100%);}
/* 호버 시 페이드인되는 그라데이션(파랑) — opacity로 부드럽게 전환 */
.high_slide li a::before{content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, #085cf0 0%,#00000000 100%); opacity: 0; transition: opacity .4s ease;}

.high_slide .h_tWrap{position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; justify-content: space-between; padding: 30px;}
.high_slide .h_txt .h_title{font-size: 20px; font-weight: 700; line-height: 1.35; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.high_slide .h_txt .h_date{display: block; margin-top: 14px; font-size: 15px; color: rgba(255,255,255,.8);}
.high_slide .h_more{font-family:'Paperozi'; align-self: flex-end; padding: 10px 15px; font-size: 16px; font-weight: 600; letter-spacing: .05em; color: #fff; background: #ffffff40; backdrop-filter: blur(3px); border-radius: 4px; border: 1px solid #fff; text-transform: uppercase; transition: all .3s;}
.high_slide li a:hover .h_more{background: #085cf0; border-color: #085cf0;}
.high_slide li a:hover::before{opacity: 1;}

/* ---------- 슬로건 ---------- */
.slogen{width: 100%; height: calc(100vh - 100px); position: relative; display: flex; align-items: center; justify-content: center;}
.slogen_wrap{max-width: 1600px; width: 100%;}
.slogen .mainTxt{display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 50px; overflow: visible;}
.slogen .mainTxt h1{font-size: 120px; font-weight: 700; line-height: 1; text-align: center; opacity: 1; overflow: visible;}
.slogen .mainTxt h1 span{display: inline-block; position: relative; transform: scale(3); color: #000;text-transform: uppercase;}
.slogen .mainTxt h1:nth-of-type(1) span{background: linear-gradient(110deg, #000 60%, #085cf0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.slogen .mainTxt h1:nth-of-type(2) span{background: linear-gradient(110deg, #085cf0 0%, #000 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
@keyframes sMotion {to{transform: scale(1);}}
.sTxt_wrap{display: flex; align-items: center; justify-content: center; padding-top: 50px;}
.subTxt{display: inline-flex; align-items: center; justify-content: center; position: relative; margin: auto;}
.subTxt::before, .subTxt::after{content: ''; width: var(--line-w, 0%); height: 1px; background-image: linear-gradient(to left, #fff, #ccc, #fff); position: absolute; left: 50%; transform: translate(-50%); opacity: .6;}
.subTxt::before{top: 0;}
.subTxt::after{bottom: 0;}
.subTxt li{width: 45px; position: relative; display: flex; align-items: center; justify-content: center;}
.subTxt li p{display: inline-block; overflow: hidden;}
.subTxt li::after{content: ''; width: 1px; height: var(--line-h, 0%); position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: linear-gradient(to top, #fff, #ccc, #fff); opacity: .6;}
.subTxt li:nth-of-type(1)::before, .subTxt li:nth-of-type(6)::before, .subTxt li:nth-of-type(11)::before, .subTxt li:nth-of-type(15)::before{content: ''; width: 1px; height: var(--line-h, 0%); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: linear-gradient(to top, #fff, #ccc, #fff); opacity: .6;}
.subTxt span{color: #555555; font-size: 30px; display: inline-block; padding: 6px 0;}
.subTxt span.p{color: #085cf0 !important;}
.subTxt li:nth-last-of-type(odd) p span{transform: translateY(-50px);}
.subTxt li:nth-last-of-type(even) p span{transform: translateY(50px);}
@keyframes lineW {to{width: 130%;}}
@keyframes lineL {to{height: 300%;}}
@keyframes sMot {to{transform: translateY(0);}}

/* ---------- info 버튼 ---------- */
.info_wrap{margin-top: 120px;}
.info_btn{display: grid; grid-template-columns: repeat(3, 1fr); position: relative; --top-line: 0%; --bot-line: 0%;}
.info_btn::before, .info_btn::after{content: ''; height: 1px; background-color: #f5f5f5; position: absolute; left: 0;}
.info_btn::before{top: 0; width: var(--top-line, 0%);}
.info_btn::after{bottom: 0; width: var(--bot-line, 0%);}
.info_btn li{position: relative; overflow: hidden; --div-line: 0%;padding: 30px 50px;}
.info_btn li a{display: block;}
.info_btn li::before{content: ''; width: 1px; height: var(--div-line, 0%); background-color: #f5f5f5; position: absolute; top: 0; right: 0; z-index: 1;}
.info_btn li:nth-child(3)::before{display: none;}
/* 호버 시 dd 뒤에서 커지며 버튼 배경을 채우는 파란 원 */
.info_btn li::after{content: ''; position: absolute; top: 30px; right: 50px; width: 50px; height: 50px; border-radius: 50%; background-color: #085cf0; transform: scale(0); transform-origin: center; transition: transform .5s ease-out; z-index: 0; pointer-events: none;} /* 줄어들 때(빠르게) */
.info_btn li dl, .info_btn li p{position: relative; z-index: 2;}
.info_btn li dl{display: flex; align-items: center; justify-content: space-between;}
.info_btn li dl dt{font-size: 24px; font-weight: 600; transition: color .5s ease;}
.info_btn li dl dd{width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #fff;}
.info_btn li dl dd i{color: #085cf0; font-size: 24px}
.info_btn li p{padding-top: 50px; font-size: 18px; color: #999; transition: color .5s ease;}



.info_btn li img{display: block;}
.info_btn li .info_img{}
.info_btn li .info_img_w{display: none; opacity: 1 !important;}
.info_btn.hover-enabled li:hover::after{transform: scale(28); transition: transform .9s cubic-bezier(0.22,1,0.36,1);} /* 커질 때 */
.info_btn.hover-enabled li:hover dl dt,
.info_btn.hover-enabled li:hover p{color: #fff;}

/* ============================================== section 03 연구분야 ============================================== */
.rsch{margin-top: 100px; background-color: #f5f5f5; padding: 100px 0; position: relative;}
/* .rsch::before, .rsch::after{content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; top: 0; z-index: 1;} */
.rsch .grid{z-index: 1;}
.rsch .grid div{background-color: #fff;}
/* 
.rsch::before{left: 159px;}
.rsch::after{right: 159px;} */
.rsch .rsch_wrap{}
.rsch .rsch_wrap ul{display: flex; position: relative; margin: auto; justify-content: center; z-index: 2; transition: gap 1s cubic-bezier(0.22,1,0.36,1); margin-top: 50px;}
.rsch .rsch_wrap ul li{overflow: hidden; width: 364px; height: 600px; padding: 50px 30px; background-color: #fff; position: relative;}
/* li 내용을 a로 감싸 카드 전체를 하나의 버튼처럼 클릭 가능하게 (레이아웃/모션 영향 없음) */
.rsch .rsch_wrap ul li a{display: block;}
.rsch .rsch_wrap ul li a::before{content: ''; position: absolute; inset: 0; z-index: 5;}
.rsch .rsch_wrap ul li .rsch_txt{}
.rsch .rsch_wrap ul li .rsch_txt span{font-size: 18px; font-weight: 600; color: #085cf0; text-transform: uppercase;}
.rsch .rsch_wrap ul li .rsch_txt h2{font-size: 32px; font-weight: 600; font-family: 'font-family:'GmarketSans';'; margin-top: 30px; display: block; height: 74px;}
.rsch .rsch_wrap ul li .rsch_txt p{font-family: 'font-family:'GmarketSans';'; font-size: 16px; line-height: 1.3; color: #555; font-weight: 400; padding-left: 16px; position: relative; margin-top: 30px;}
.rsch .rsch_wrap ul li .rsch_txt p::before{content: ''; width: 1px; height: 100%; background-color: #000; position: absolute; top: 0; left: 0;}
.rsch .rsch_wrap ul li .rsch_img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; overflow: hidden; will-change: transform; transition: transform 0.3s cubic-bezier(0.22,1,0.36,1);}
.rsch .rsch_wrap ul li .rsch_img>img{width: 100%; height: 100%; object-fit: cover; filter: grayscale(100); transition: all 2s ease;}
.rsch .rsch_wrap ul li .rsch_img img{filter: grayscale(1); transform: scale(1.1); transition: transform 0.28s cubic-bezier(0.22,1,0.36,1);}
.rsch .rsch_wrap ul li .rsch_img.slow{transition: transform 0.8s cubic-bezier(0.22,1,0.36,1);}
.rsch .rsch_wrap ul li .more{position: absolute; bottom: 85px; left: 50%; transform: translateX(-50%); visibility: hidden; width: 151px; height: 151px;}
.rsch .rsch_wrap ul li .more p{position: absolute; font-family: 'font-family:'GmarketSans';'; font-size: 19px; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.rsch .rsch_wrap ul li .more img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; animation: rotate 30s linear infinite;}
.rsch .rsch_wrap ul li.hover-enabled:hover .more{visibility: visible;}
.rsch .rsch_wrap ul li.hover-enabled:hover .rsch_img>img{opacity: .4; filter: blur(5px) !important; transform: scale(1.2) !important;}
@keyframes rotate {to{transform: translate(-50%, -50%) rotate(0deg);} from{transform: translate(-50%, -50%) rotate(-360deg);}}

/* ============================================== section 05 뉴스 ============================================== */
.notice{}
.notice .nList{max-width: 1600px; margin: auto; margin-top: 20px;}
.notice .nList li{}
.notice .nList li a{display: flex; align-items: center; gap: 30px; border-bottom: 1px solid #f5f5f5; padding: 30px 50px;}
.notice .nList li a .nImg{width: 300px; height: 180px; overflow: hidden; border-radius: 8px; border: 1px solid #f5f5f5;}
.notice .nList li a .nImg img{transition: all .3s;}
.notice .nList li a .nTxt{display: flex; flex-direction: column; gap: 30px; font-size: 16px; width: calc(100% - 350px);}
.notice .nList li a .nTxt .nTag{width: 80px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #999; color: #999; font-weight: 600; transition: all .3s;}
.notice .nList li a .nTxt .nTit{font-size: 26px; font-weight: 600; color: #333;position: relative; align-self: flex-start; background-image: linear-gradient(transparent 55%, #e1f3ff 55%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size .4s ease;}
.notice .nList li a .nTxt .nCon{font-size: 22px; font-weight: 400; color: #777;
overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.notice .nList li a:hover{}
.notice .nList li a:hover .nImg img{transform: scale(1.1);}
.notice .nList li a:hover .nTxt .nTag{border-color: #085cf0; background-color: #085cf0; color: #fff;}
.notice .nList li a:hover .nTxt .nTit{background-size: 100% 100%;}

/* ============================================== section 05-2 갤러리 ============================================== */
.gallery{margin: 150px 0;}
/* 고정 300×300 박스를 gap 없이 나열. flex-wrap 이라 항목 개수가 늘어도(최신글 연동) 자동 줄바꿈되고
   블록 전체는 가운데 정렬 유지. max-width = 300*6 = 1800px → 한 줄에 최대 6칸. */
.gWrap{display: flex; flex-wrap: wrap; justify-content: flex-start; max-width: 1800px; margin: 60px auto 0; overflow: visible;}
.gWrap .gItem{position: relative; flex: 0 0 300px; width: 300px; height: 300px; overflow: hidden; background: #1a1a1a; z-index: 1; transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .45s ease, border-radius .45s ease;}
/* 호버 시 앞으로 튀어나오기: 확대 + 위로 살짝 + 그림자 + z-index 로 이웃 위에 겹침 */
.gWrap .gItem:hover{transform: scale(1.12) translateY(-6px); z-index: 10; border-radius: 12px; box-shadow: 0 25px 50px rgba(0, 0, 0, .35);}
/* 평소엔 흑백, 호버 시 컬러 */
.gWrap .gItem img{width: 100%; height: 100%; /*filter: grayscale(1);*/ transition: filter .5s ease;}
.gWrap .gItem:hover img{filter: grayscale(0);}
/* 호버 전에도 일부는 컬러로 노출 (흑백/컬러 섞기) */
.gWrap .gItem:nth-child(2) img,
.gWrap .gItem:nth-child(4) img,
.gWrap .gItem:nth-child(7) img,
.gWrap .gItem:nth-child(9) img,
.gWrap .gItem:nth-child(12) img{filter: grayscale(0);}

/* 호버 시 떠오르는 파란 카드 (브랜드 컬러 #085cf0) */
.gWrap .gCard{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 14px; padding: 24px 18px; background: rgba(8, 92, 240, .9); color: #fff; opacity: 0; transition: opacity .4s ease; pointer-events: none;}
.gWrap .gItem:hover .gCard{opacity: 1;}
.gWrap .gCard .gTag{font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, .85);}
.gWrap .gCard .gTit{font-size: 19px; font-weight: 700; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.gWrap .gCard .gDate{font-size: 15px; color: rgba(255, 255, 255, .75);}

/* ============================================== section 06 푸터 ============================================== */
.footer img{display: block; max-width: 100%;}
.footer{width: 100%;background: #212121; color: #fff;}
.footer .f_inner{max-width: 1600px; margin: auto;}

/* 상단: 슬로건 + 로고 (로고는 슬로건 블록 기준 세로 중앙) */
.footer .f_top{display: flex; align-items: end; justify-content: space-between;padding: 80px 0;}
.footer .f_slogan{font-size: 70px; font-weight: 600; line-height: 1.18; color: #8a8a8a;}
.footer .f_slogan b{color: #fff; font-weight: 600;}
.footer .f_logo{display: flex; align-items: center; gap: 14px;}
/* 실제 로고 이미지 넣기 전 임시 마크 */
.footer .f_logo_mark{display: block; opacity: .7; transition: all .3s;}
.footer .f_logo_mark:hover{display: block; opacity: 1;}

/* 하단: 좌 메뉴 / 우 캠퍼스 */
.footer .f_bot{display: flex; align-items: flex-start; justify-content: space-between;}

/* 좌측 */
.footer .f_family_wrap{position: relative; display: inline-block;}
.footer .f_family{display: inline-flex; align-items: center; justify-content: space-between; gap: 50px; width: 240px; padding: 14px 20px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 8px; background: transparent; color: #fff; font-size: 16px; font-weight: 500; letter-spacing: .05em; cursor: pointer; transition: border-color .3s, background .3s;}
.footer .f_family:hover{border-color: #fff; background: rgba(255, 255, 255, .06);}
.footer .f_family span{font-size: 18px; transition: transform .3s ease;}
/* 열렸을 때 + → x 회전, 버튼 강조 */
.footer .f_family_wrap.active .f_family{border-color: #fff;}
.footer .f_family_wrap.active .f_family span{transform: rotate(45deg);}
/* 펼쳐지는 목록(버튼 위로) */
.footer .f_family_list{position: absolute; left: 0; bottom: calc(100% + 8px); width: 240px; background: #2a2a2a; border: 1px solid rgba(255, 255, 255, .2); border-radius: 8px; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s ease, transform .3s ease, visibility .3s; z-index: 5;}
.footer .f_family_wrap.active .f_family_list{opacity: 1; visibility: visible; transform: translateY(0);}
.footer .f_family_list li + li{border-top: 1px solid rgba(255, 255, 255, .1);}
.footer .f_family_list a{display: block; padding: 14px 20px; font-size: 15px; color: #cfcfcf; transition: background .2s, color .2s;}
.footer .f_family_list a:hover{background: rgba(255, 255, 255, .08); color: #fff;}
.footer .f_links{margin-top: 20px; display: flex; flex-direction: column; gap: 14px;}
.footer .f_links a{display: inline-flex; align-items: center; gap: 8px; font-size: 18px; color: #cfcfcf; transition: color .3s;}
.footer .f_links a:hover{color: #fff;}
.footer .f_links a i{font-size: 18px;}
.footer .f_sns{display: flex; align-items: center; margin-top: 20px;}
.footer .f_sns_label{font-size: 18px; font-weight: 600; color: #085cf0; letter-spacing: .05em;}
.footer .f_sns_label span{color: #fff;}
.footer .f_sns_ico{display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: rgba(255, 255, 255, 0.7); font-size: 18px; transition: color .3s;}
.footer .f_sns_ico:hover{color: rgba(255, 255, 255, 1);}

/* 우측 캠퍼스 정보 */
.footer .f_campus{display: flex; gap: 105px;}
.footer .f_camp dt{position: relative;font-size: 20px; font-weight: 700; color: #fff;}
.footer .f_camp .f_camp_info{position: relative;}
.footer .f_camp .f_camp_info:before{content: ''; position: absolute; left: -20px; top: 2px; width: 2px; height: calc(100% - 4px); background: #085cf0;}
.footer .f_camp .f_addr{margin-top: 18px; font-size: 17px; color: rgba(255, 255, 255, .65);}
.footer .f_camp .f_tel{margin-top: 30px;}
.footer .f_camp .f_fax{margin-top: 10px;}
.footer .f_camp .f_tel, .footer .f_camp .f_fax{font-size: 17px; color: rgba(255, 255, 255, .65);}
.footer .f_camp .f_tel b, .footer .f_camp .f_fax b{color: #fff; font-weight: 600; margin-right: 2px;}
.footer .f_camp dd span{color: #085cf0;}

/* 카피라이트 */
.footer .f_copy{position: relative; margin-top: 80px; padding: 20px 0;text-align: center; background-color: #fff;}
.footer .f_copy .grid{z-index: 1;}
.footer .f_copy p{font-size: 16px;color: #333; position: relative; z-index: 2; font-weight: 600;}
.footer .f_copy b{color: #085cf0; font-weight: 600;}