@charset "utf-8"; /* 공통 CSS */
/* 1. 폰트 */
/* font-family: 'Noto Sans KR', sans-serif; */
/* Saira */

/* 2. blind */
.blind { overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 } 
/* 대표글씨, main-color */
:root { --main-color: #5f0a78; --sub-color: #5f0a78; --font-fam: 'SUIT', sans-serif; --font-eng:'Saira', sans-serif; } 
.rome_num { font-family: 'SUIT'; } 
.main_color { color: #5f0a78 /*원래 색 #0f6161*/ } 
.font-eng { font-family:'Saira', sans-serif; } 
.font-chn { font-family: 'Noto Sans SC', sans-serif; } 
.emph { font-weight: 500; color: #f95050 !important; } 
.none { display: none; } 
.weight_b { font-weight: 500; font-size: 1.8rem; } 
/* mobile_none */
.pc_none { display: none; } 
.center { text-align:center } 

/* 레이아웃 크기 지정 */

/* PRRODUCT_MENU */
.pb_no { padding-bottom:0 !important; } 
.pt_8 { padding-top:8rem !important; } 
.pt_4 { padding-top:4rem !important; } 
.pt_2 { padding-top:2rem !important; } 
.pb_8 { padding-bottom:8rem !important; } 
.pb_6 { padding-bottom:6rem !important; } 
.pb_4 { padding-bottom:4rem !important; } 
.pb_2 { padding-bottom:2rem !important; } 
.pt_no { padding-top:0 !important; } 
.pr_no { padding-right:0 !important; } 
.pl_no { padding-left:0 !important; } 
.no_padding { padding: unset!important; } 
.mb_0 { margin-bottom: 0 !important; } 

/* 한승이앤아이 */
/* ===========================
 Header Wrapper
=========================== */
.header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 1000; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.08); } 

/* Inner layout */
.header-inner { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; padding: 0 5rem; height: 100px; } 

/* ===========================
 Logo
=========================== */
.logo { flex-shrink: 0; display: flex; align-items: center; } 
.logo img { display: block; } 

/* ===========================
 GNB – 공통
=========================== */
.main_menu { display: flex; align-items: center; height: 100%; } 

/* 1차 메뉴 아이템 */
.gnb-1dep { position: relative; height: 100%; display: flex; align-items: center; } 

.gnb-1dep > a { display: flex; align-items: center; height: 100%; padding: 0 4rem; font-size: 1.9rem; font-weight: 600; color: #222; white-space: nowrap; transition: color .2s; } 
.gnb-1dep > a:hover,
.gnb-1dep.is-open > a { color: #5f0a78; } 

/* ===========================
 GNB-2DEP – 일반 드롭다운
 (main_menu1, 3, 4, 5, 6)
=========================== */
.gnb-1dep .gnb-2dep { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 18rem; background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.10); overflow: hidden; max-height: 0; transition: max-height .35s ease, padding .25s ease; padding: 0; border-radius: 0 0 5px 5px; z-index: 1; } 

.gnb-1dep.is-open .gnb-2dep { max-height: 600px; padding: 10px 0; } 

.gnb-1dep .gnb-2dep > li > a { display: block; padding: 10px 20px; font-size: 17px; color: #333; font-weight: 400; white-space: nowrap; transition: background .15s, color .15s; text-align: center; } 
.gnb-1dep .gnb-2dep > li > a:hover { color: #5f0a78; } 

/* ===========================
 GNB-2DEP – 메가 메뉴
 main_menu2 전용 (전체 너비)
=========================== */
.main_menu2 .gnb-2dep { /* 헤더 전체 너비에 맞게 고정 */
 position: fixed; top: 100px; /* 헤더 높이 */
 left: 0; transform: none; width: 100%; min-width: unset; box-shadow: 0 8px 24px rgba(0,0,0,.12); background: #fff; overflow: hidden; max-height: 0; transition: max-height .35s ease, padding .25s ease; padding: 0; /* 내부 flex 레이아웃 */
 display: flex; flex-wrap: wrap; gap: 0; justify-content: center; } 

.main_menu2.is-open .gnb-2dep { max-height: 600px; padding: 28px 0; } 

/* 메가메뉴 내부 컬럼 */
.main_menu2 .gnb-2dep > li { flex: 0 1 15%; padding: 0 24px; border-right: 1px solid #eee; } 
.main_menu2 .gnb-2dep > li:last-child { border-right: none; } 

/* 2dep 카테고리 타이틀 */
.main_menu2 .gnb-2dep > li > a { display: block; padding: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #5f0a78; border-bottom: 1px solid #e0e8f8; margin-bottom: 10px; white-space: nowrap; transition: color .15s; } 
.main_menu2 .gnb-2dep > li > a:hover { color: #5f0a78; } 

/* 3dep 리스트 */
.gnb-3dep { list-style: none; padding: 0; margin: 0; } 
.gnb-3dep li a { display: block; padding: 6px 0; font-size: 17px; color: #444; font-weight: 500; transition: color .15s, padding-left .15s; } 
.gnb-3dep li a:hover { color: #5f0a78; padding-left: 4px; } 

/* 3dep 없는 2dep 항목 (메가메뉴 내) */
.main_menu2 .gnb-2dep > li > a.no-child { border-bottom: none; margin-bottom: 0; font-weight: 600; color: #333; padding: 6px 0; } 
.main_menu2 .gnb-2dep > li > a.no-child:hover { color: #5f0a78; } 

/* ===========================
 Util (언어 선택 + 햄버거)
=========================== */
.util { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; padding-right: 5rem; } 

.lang-select { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 20px; font-weight: 500; color: #444; padding: 6px 10px; border-radius: 4px; transition: border-color .2s, color .2s; display: none; } 
.lang-select:hover { border-color: #5f0a78; color: #5f0a78; } 
.lang-select .icon-globe { width: 20px; height: 20px; } 
.lang-select .icon-arrow { width: 14px; height: 14px; } 

.logo_wrap { display: flex; justify-content: center; max-width: 40rem; gap: 1rem; align-items: center; } 
.logo_wrap img { display: block; } 
.logo_wrap .logo1 { max-width: 9.4rem; } 
.logo_wrap .logo2 { width: 10rem; } 




/* 햄버거 버튼 (PC에서는 숨김) */
.all-menu { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 6px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; padding: 4px; } 
.all-menu span { display: block; width: 24px; height: 2px; background: #222; border-radius: 2px; transition: transform .3s, opacity .3s, top .3s; } 

/* 햄버거 → X 변환 */
.all-menu.is-open .line-t { transform: translateY(4px) rotate(45deg); } 
.all-menu.is-open .line-b { transform: translateY(-4px) rotate(-45deg); } 

/* ===========================
 메가메뉴 오버레이 딤
=========================== */
.gnb-overlay { display: none; position: fixed; top: 70px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); z-index: 999; } 
.gnb-overlay.is-visible { display: block; } 
/* -------- GNB :: header-search-box--------- */
#header.active .search_btn i { color:var(--main-color); } 
.table-layout { display:table; width:100%; /* height:100%; */height: 60vh; background: #000000ba; } 
.table-cell-layout { display:table-cell; width:100%; height:100%; vertical-align:middle; } 
.search_btn { z-index: 100; width: fit-content; margin-left: 1rem; margin-right: 0rem; } 
.search_btn a { font-size: 2.4rem; display: flex; justify-content: center; align-items: center; } 
.search_btn a span { font-size: 1.5rem; } 
.search_btn a i { } 
.header-search-box { position:relative; z-index:999999; } 
.header-search-open-btn, .header-search-close-btn, .header-search-btn { width:100px; height:100px; } 
.header-search-open-btn { color:#fff; font-size:24px } 
.header-search-overlay { position:fixed; /* top: -100%; */left: 0px; left: -100%; height: 100vh; width:100%; background-color: #000000d1; visibility:visible; -webkit-transition: 0.5s left ease-in-out; -moz-transition: 0.5s left ease-in-out; -o-transition: 0.5s left ease-in-out; -ms-transition: 0.5s left ease-in-out; transition: 0.5s left ease-in-out; } 
.header-search-inner { overflow:hidden; width: 100%; max-width:1400px; height:86px; height: fit-content; padding-top: 10rem; margin: 10px auto; opacity:0; filter:Alpha(opacity=0); -webkit-transition:all 0.4s 0.4s; -moz-transition:all 0.4s 0.4s; -o-transition:all 0.4s 0.4s; -ms-transition:all 0.4s 0.4s; transition:all 0.4s 0.4s } 
.header-search-inner .header-search-inner-box { height: 70px; padding-right: 100px; position:relative; border-bottom: 2px solid #fff; } 
.header-search-inner .header-search-word { height: 70px; width:100%; vertical-align:top; background-color:transparent; border: unset; font-weight:300; font-size: 2.6rem; padding-left: 2rem; color: #fff; outline: none; } 
.header-search-inner .header-search-inner-box input:focus { box-shadow: unset; border: unset !important; } 
.header-search-inner .header-search-word::placeholder { line-height: 80px; color:#fff; } 
.header-search-inner .header-search-btn-controls { position:absolute; bottom: 0px; right:0px; color: #fff; } 
.header-search-inner .header-search-btn-controls span { vertical-align:middle; display:inline-block; font-size: 2rem; letter-spacing:2px; font-weight:400; font-family: 'SCoreDream'; } 
.header-search-inner .header-search-btn-controls i { font-size: 4.8rem; vertical-align: middle; color: #Fff; } 
.header-search-inner .header-search-btn { width:86px; height:86px; background: unset; border: unset; } 
.header-search-inner .header-search-close-btn { position:absolute; top: 5%; right: 5%; background: unset; border: unset; } 
.header-search-inner .header-search-close-btn i { font-size: 4rem; color: #fff; } 
.header-search-box.open .header-search-overlay { left:0px; } 
.header-search-box.open .header-search-inner { opacity:1.0; filter:Alpha(opacity=100); width: 86%; } 
.header-search-inner h2 { color: #fff; text-align: center; font-size: 5rem; padding-bottom: 4rem; font-weight: 700; } 
.header-search-inner .ex_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; font-size: 2rem; justify-content: center; margin: 4rem; } 
.header-search-inner .ex_wrap span { background: var(--main-color); color: #fff; margin-right: 2rem; font-size: 2.6rem; padding: 0.7rem 2.5rem; border-radius: 20px; } 
.header-search-inner .ex_wrap span b { position: relative; top: -2px; font-weight: 400; color: #fff; } 
.header-search-inner .ex_wrap p { color: #fff; font-weight: 200; } 

/* ===========================
 반응형 – 태블릿/모바일
=========================== */
@media (max-width: 1280px){
 .util { padding-right: 5rem; } 
 .header-inner { padding: 0 2rem; } 
 .logo_wrap { max-width: unset; } 
 .logo_wrap .logo1 { max-width: 8rem; } 
 .logo_wrap .logo2 { width: 8rem; } 
 
 .logo { width: 23rem; } 
 .logo img { width: 100%; } 
 .gnb-1dep > a { padding: 0px 1.6rem; } 
 /* 검색 */
.header-search-inner .header-search-btn { width: auto; height: 60px; } 
.header-search-inner .header-search-btn-controls span { font-size: 2.4rem; visibility: hidden; } 
.header-search-inner .header-search-btn-controls i { font-size: 24px; } 
.search_btn a { padding: 10px; background: var(--main-color); color: #000; color: #fff; border-radius: 50%; } 
.search_btn a i { padding-right: 0; font-size: 2rem; } 
.header-search-inner .header-search-word { height: 60px; font-size: 2.4rem; padding-left: 0; } 
.header-search-inner .header-search-inner-box { padding-right: 0; height: 60px; } 
.header-search-inner .header-search-close-btn { width: 5rem; height: 5rem; top: 0rem; right: 0; /*top:3vw; right: 3vw; */
 z-index: 1000000; } 
.header-search-inner { top: 6rem; position: relative; } 
 /* .header-util-box { padding-right:15px; } 
 #header.active .search_btn i { color:#fff; } */
/* 검색 끝 */ } 

@media (max-width: 1024px) { /* 햄버거 버튼 표시 */
 .all-menu { display: flex; } 

 /* GNB 숨김 → 모바일 사이드 드로어 */
 .main_menu { position: fixed; top: 80px; right: -100%; width: 50%; /* height: calc(100vh - 70px); */background: #fff; flex-direction: column; align-items: stretch; overflow-y: auto; transition: right .35s ease; box-shadow: -4px 0 20px rgba(0,0,0,.12); z-index: 1001; padding-bottom: 40px; } 
 .main_menu.is-open { right: 0; } 

 /* 1dep */
 .gnb-1dep { height: auto; flex-direction: column; align-items: stretch; border-bottom: 1px solid #f0f0f0; } 
 .gnb-1dep > a { height: 52px; padding: 0 20px; font-size: 15px; justify-content: space-between; } 
 .gnb-1dep > a::after { content: '+'; font-size: 18px; font-weight: 300; color: #aaa; transition: transform .25s; } 
 .gnb-1dep.is-open > a::after { content: '−'; color: #5f0a78; } 

 /* 일반 2dep – 모바일 */
/* 2dep 공통 */
.gnb-1dep .gnb-2dep,
.main_menu2 .gnb-2dep { position: static; width: 100%; border-top: none; border-left: 3px solid #5f0a78; box-shadow: none; background: #f8faff; max-height: 0; overflow: hidden; opacity: 0; transform: translateY(-10px); padding: 0; transition:
 max-height .4s ease,
 opacity .25s ease,
 transform .35s ease; } 

/* 열림 */
.gnb-1dep.is-open .gnb-2dep { max-height: 2000px; opacity: 1; transform: translateY(0); padding: 6px 0; } 

/* 일반 2dep 링크 */
.gnb-1dep .gnb-2dep > li > a { padding: 10px 24px; font-size: 14px; } 

/* 메가메뉴 항목 */
.main_menu2 .gnb-2dep { flex-direction: column; flex-wrap: nowrap; } 

.main_menu2 .gnb-2dep > li { flex: none; padding: 8px 24px; border-right: none; border-bottom: 1px solid #e8eef8; } 

.main_menu2 .gnb-2dep > li:last-child { border-bottom: none; } 

.main_menu2 .gnb-2dep > li > a { font-size: 14px; padding: 0 0 6px 0; } 

/* + 버튼 */
.gnb-1dep > a::after { content: '+'; font-size: 18px; font-weight: 300; color: #aaa; transition: all .3s ease; } 

/* 열렸을 때 */
.gnb-1dep.is-open > a::after { content: '−'; color: #5f0a78; transform: rotate(180deg); } 

 /* 오버레이 top 모바일 */
 .gnb-overlay { top: 70px; } 
 }

 @media (max-width: 480px){
 .logo { width: 150px; } 
 .gnb-3dep li a { font-size: 13px; } 
 .lang-select { font-size: 2rem; padding: 0; gap: 1rem; } 
 .logo img { } 
 .main_menu.is-open { width: 70%; height: 100vh; } 
 /* 검색 */
 .header-search-inner h2 { font-size: 4rem; padding-bottom: 4rem; } 
 .header-search-inner .header-search-inner-box { height: 50px; } 
 .header-search-inner .header-search-word { height: 50px; font-size: 2rem; position: relative; top: 5px; } 
 .header-search-inner .header-search-btn { height: 50px; } 
 .header-search-inner .header-search-btn-controls i { font-size: 2.6rem; position: relative; right: 1rem; } 
 .header-search-inner .ex_wrap p { font-size: 1.7rem; word-break: keep-all; } 
 .header-search-inner .ex_wrap { margin: 3rem 1rem; display: flex; align-items: flex-start; } 
 .header-search-inner .ex_wrap span { font-size: 2rem; padding: 0.5rem 2rem; margin-right: 1.5rem; } 
 }

 /* PC ALL MENU */
.pc-all-btn { position:fixed; top:30px; right:50px; z-index:100001; width:40px; height:40px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:8px; background:none; border:0; cursor:pointer; } 

.pc-all-btn span { display:block; height:2px; background:#222; transition:all .35s ease; } 

.pc-all-btn span:first-child { width:30px; } 

.pc-all-btn span:last-child { width:18px; } 

/* OPEN 상태 */

.pc-all-btn.is-open span { position:absolute; left:50%; top:50%; width:30px; } 

.pc-all-btn.is-open span:first-child { transform:translate(-50%,-50%) rotate(45deg); } 

.pc-all-btn.is-open span:last-child { transform:translate(-50%,-50%) rotate(-45deg); } 

body.all-menu-open .header { opacity:0; visibility:hidden; } 

.pc-all-menu-wrap { position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index:100000; opacity:0; visibility:hidden; transition:.35s ease; } 

.pc-all-btn.is-open { position:fixed; top:30px; right:50px; z-index:100001; } 
.header { z-index: 99999; } 

.pc-all-menu-wrap { z-index:100000; } 

@media(max-width:1024px){
 .pc-all-btn,
 .pc-all-menu-wrap { display:none; } 
 }
 
 /* 복사한 all menu css */
 /* =========================
 PC ALL MENU
========================= */

.pc-all-menu-wrap { position:fixed; top:0; right: 0; width: 100%; margin-left: auto; height:100vh; background:#fff; overflow-y:auto; opacity:0; visibility:hidden; transition:.4s ease; z-index:99999; } 

.pc-all-menu-wrap.is-open { opacity:1; visibility:visible; } 

.pc-all-menu-list { max-width:1600px; margin:0 auto; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; } 

/* =========================
 MENU GRID
========================= */
.all-pc-menu { } 

/* =========================
 1DEP
========================= */

.all-1dep { position:relative; counter-increment:menu-counter; display: flex; padding: 4rem 0; margin: 1rem 0; border-bottom: 1px solid #ededed; } 

.all-1dep::before { content:"0" counter(menu-counter); position:absolute; top: 12px; left: -31px; font-size: 4rem; font-weight:800; line-height:1; color:#f3f3f3; z-index:0; } 

.all-1dep > a { position:relative; z-index:1; display:block; font-size: 3rem; font-weight:700; line-height:1.2; color:#111; letter-spacing:-0.04em; transition:.25s; margin-right: 3rem; } 

.all-1dep > a:hover { color:#5f0a78; } 

/* =========================
 2DEP
========================= */

.all-2dep { list-style:none; margin:0; padding:0; display: flex; flex-wrap: wrap; align-items: center; } 

.all-2dep > li { padding: 0 1rem; } 

.all-2dep > li > a { display:block; font-size:18px; font-weight:500; color:#222; transition:.25s; } 

.all-2dep > li > a:hover { color:#5f0a78; transform:translateX(4px); } 

/* =========================
 3DEP
========================= */

.all-3dep { padding-left:12px; list-style:none; display: none; } 

.all-3dep li { margin-right: 3rem; } 

.all-3dep a { display:block; font-size: 17px; font-weight:400; color:#888; transition:.25s; } 

.all-3dep a:hover { color:#111; } 

/* =========================
 제품소개 (메가메뉴)
========================= */

.main_menu2 { grid-column: span 4; } 

.main_menu2 .all-2dep { display: flex; } 
.main_menu2 .all-2dep li { } 

.main_menu2 .all-2dep > li { margin:0; } 

.main_menu2 .all-2dep > li > a { display:block; font-size:20px; font-weight:700; } 

/* 자식 없는 메뉴 */

.main_menu2 .all-2dep > li > a.no-child { margin:0; font-size:18px; font-weight:600; } 

.main_menu2 .all-2dep > li { border-radius:12px; transition:.3s; display: flex; align-content: center; align-items: center; padding: 0 2rem; } 

.main_menu2 .all-2dep > li:hover { border-color:#111; transform:translateY(-4px); } 

/* ===========================
 데모용 본문 여백
=========================== */
.demo-content { margin-top: 90px; padding: 40px 24px; max-width: 1400px; margin-left: auto; margin-right: auto; } 
.demo-content h1 { font-size: 28px; color: #5f0a78; margin-bottom: 16px; } 
.demo-content p { color: #666; line-height: 1.8; } 
/* 헤더끝 */

/* 호버 효과 보강 */
.services-item:hover strong { color: #5f0a78; } 
/* 호버 인터랙션 */
.services .icon-item:hover strong { color: #5f0a78; } 

 .parallax-cta { height:600px; background:url('../img/bg.jpg') fixed center/cover; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff } 
 .parallax-cta h3 { font-size:100px; } 

.footer { width: 100%; padding: 5rem 8rem; background: #0a0a32; color:#fff; font-size:16px } 
.footer-container { width: 100%; } 
.footer-info-wrap { width: 100%; } 
.footer-row { display: flex; align-items: center; gap: 2rem; margin-bottom: 12px; opacity: 0.8; flex-wrap: wrap; } 
.footer-label { font-weight: 700; } 
.footer-addr { font-style: normal; } 
.footer-bottom { margin-top: 4rem; padding-top: 4rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: flex-end; } 
.footer-left { display: flex; flex-direction: column; gap: 1rem; } 
.footer-mail { opacity: 0.8; } 
.footer-copy { opacity: 0.5; text-transform: uppercase; letter-spacing: 0.05em; } 
.footer-links { display: flex; gap: 3rem; } 
.footer-links a { text-decoration: none; opacity: 0.6; transition: opacity 0.3s; } 
.footer-links a:hover { opacity: 1; } 

/* 텍스트 간 구분선 효과 (선택 사항) */
.footer-row span:not(:last-child)::after { content: '|'; margin-left: 2rem; opacity: 0.3; } 

.kakao-floating { position: relative; margin-top: 2rem; } 
.kakao-main { width: 6rem; height: 6rem; border-radius: 50%; background: #fee500; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(0,0,0,0.15); transition: 0.3s; display: block; margin: 0 auto; } 
.kakao-main svg { width: 3.2rem; height: 3.2rem; } 
.kakao-main:hover { transform: scale(1.1); } 
.kakao-buttons { display: flex; flex-direction: column; gap: 10px; opacity: 0; visibility: hidden; /* transform: translateY(20px); */transition: 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28); position: absolute; right: 0; top: 8rem; } 
.kakao-floating:hover .kakao-buttons { opacity: 1; visibility: visible; transform: translateY(0); } 
.kakao-btn { background: #fff; padding: 12px 22px; border-radius: 30px; font-size: clamp(12px, 1.24vw, 1.5rem); font-weight: bold; color: #3c1e1e; box-shadow: 0 5px 15px rgba(0,0,0,0.1); white-space: nowrap; border: 1px solid #eee; transition: 0.3s; } 
.kakao-btn:hover { background: #fee500; border-color: #fee500; } 

/* =========================
 Floating Quick Menu
========================= */
.q_wrap {position: fixed;right: 1rem;top: 40%;transform: translateY(-50%);z-index: 9999;} 
.quick_menu { pdisplay: flex; flex-direction: column; width: 78px; background: #fff; /* border: 1px solid #e7e2e9; */border-radius: 18px; overflow: hidden; box-shadow: 0 10px 35px rgba(45, 20, 55, 0.12); } 
.quick_menu .quick { position: relative; } 
.quick_menu .quick + .quick { border-top: 1px solid #eee; } 
.quick_menu .quick a { width: 100%; height: 82px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #444; text-decoration: none; transition:
 color 0.3s ease,
 background 0.3s ease,
 transform 0.3s ease; } 
.quick_menu .quick i { font-size: 25px; color: #5f0a78; transition: transform 0.3s ease; } 
.quick_menu .quick span { font-size: 13px; font-weight: 500; line-height: 1; white-space: nowrap; } 
/* Hover */
.quick_menu .quick a:hover { color: #fff; background: #5f0a78; } 
.quick_menu .quick a:hover i { color: #fff; transform: translateY(-2px); } 

/* =========================
 반응형
========================= */

@media(max-width:1400px){
 .all-1dep { padding: 3rem 0; } 
 .all-pc-menu { grid-template-columns:repeat(3,1fr); } 

 .main_menu2 { grid-column:span 3; } 
 .parallax-cta h3 { font-size: 9rem; } 
 .pc-all-btn { right: 3rem; } 
 }

@media(max-width:1024px){
 .footer { padding: 4rem 4rem; } 
 .footer-addr { width: 100%; word-break: keep-all; } 
 .footer-addr::after { display: none; } 
 
 .parallax-cta h3 { font-size: 7rem; } 
 .parallax-cta { height: 400px; } 
 .header { height: 80px; } 
 .header-inner { padding: 0 3rem; height: 80px; } 
 .util { padding-right: 0; gap: 1.2rem; } 
 .pc-all-menu-wrap { display:none; } 

 .quick_menu { right: 15px; bottom: 20px; top: auto; transform: none; width: auto; flex-direction: row; border-radius: 15px; } 
 .quick_menu .quick + .quick { border-top: 0; border-left: 1px solid #eee; } 
 .quick_menu .quick a { width: 70px; height: 65px; gap: 5px; } 
 .quick_menu .quick i { font-size: 21px; } 
 .quick_menu .quick span { font-size: 11px; } 
 .quick_menu .quick a:hover { transform: none; } 
 }
@media(max-width:480px){
 .kakao-buttons { top: unset; bottom: 50px; } 
 .q_wrap { top: unset; bottom: 0; transform: unset; display: flex; width: 100%; justify-content: space-between; height: 7rem; } 
 .quick_menu .quick a { width: 100%; height: 57px; } 
 .quick_menu .quick { width: 100%; } 
 .q_wrap .quick_menu { display: flex; width: calc(100% - 70px); border-radius: 15px 15px 0 0; height: 100%; position: relative; left: 14px; right: unset; bottom: 0; } 
 .logo_wrap .logo1 { max-width: 6rem; } 
 .logo_wrap .logo2 { width: 6rem; } 
 .util { gap: 0.5rem; } 
 .footer { padding: 4rem 2rem 8rem 2rem; font-size: 14px; } 
 .kakao-floating { /* width: 25%; */
 bottom: 1.6rem; right: 0; } 
 .header-inner { padding: 0 1rem; } 
.parallax-cta h3 { font-size: 3.4rem; margin-bottom: 1rem; } 
 .parallax-cta p { width: 90%; margin: 0 auto; } 
 .parallax-cta { height: 300px; } 
 .footer-bottom { display: flex; flex-wrap: wrap; margin-top: 2rem; padding-top: 2rem; } 
 .footer-copy { font-size: 12px; } 
 .footer-left { gap: 0.5rem; } 
 .footer-links { gap: 2rem; margin-top: 0.5rem; font-size: 12px; } 
 .footer-row { gap: 1rem; } 
 .footer-row span:not(:last-child)::after { margin-left: 1rem; } 
 }