@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date : 2022-07-26
******************************************************** */
/* (지문 제거) 원본 빌더의 Wanted Sans @import / NexenTire @font-face 삭제.
   실제 렌더 폰트는 header의 Pretendard 강제 적용이라 외형 변화 없음. */

/* ========================================================
 * SETTING
======================================================== */
:root{
	--main-color: #ff3429;
	--area-max-width: 1760px;
	--area-box-width: 1520px;
	--area-width: 1200px;
	--area-padding: 30px;
	--header-top: 4rem;
	--header-height: 8.8rem;
	--sub-visual-height: 48rem;
	--sub-menu-height: 4.8rem;
	--full-height: 100vh;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.6s ease-in-out; /* data-scroll */
	--font-family1: "Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
	--font-family2: "Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
}
/* html:not(.is-mobile) *::-webkit-scrollbar {
	width: 15px;
	height: 15px;
}
html:not(.is-mobile) *::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
html:not(.is-mobile) *::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
} */
::selection {
    background: var(--main-color);   
    color: #fff;
}
::-moz-selection {
    background: var(--main-color);    
    color: #fff;
}
html{font-size:10px;}
body, table, th, td, button, select, input, textarea {
	font-family:var(--font-family1);
	color:#666;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
	word-break:keep-all;
}
body { background-color:#fff; }
table, th, td{word-break:break-word;}
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }

/* ========================================================
 * LAYOUT
======================================================== */
/* ****************** 공통클래스 ********************** */
.area{ max-width:var(--area-width); margin:0px auto;}
.area-box{ max-width:var(--area-box-width); margin:0px auto; }
.area-max{ max-width:var(--area-max-width); margin:0px auto; }
.full-height{height:var(--full-height);}
/* Fullpage Layout */
.gm-fullpage-html{overflow:hidden; height:100%;}
.gm-fullpage-html #wrap{position:static;}
/* br tag */
.m-br{display:none;}
.display-m{display:none;}
@media all and (min-width:801px){
	.display-m-800{display:none !important;}
}
/* font */
.gm-font-display{font-family: var(--font-family2);}

/* ****************** HEADER ********************** */
#gm-header{position:fixed; height:var(--header-height); top:var(--header-top); left:0; width:100%; z-index:9999; transition:var(--transition-custom2);}
#gm-header:before{position: absolute; content:''; width:100vw; height:var(--header-height); transform:translateY(calc(-1 * (var(--header-height) + var(--header-top)))); top:0; left:0; transition:var(--transition-custom2);  background:rgba(255,255,255,1);}


.gm-fullpage-html #gm-header{position:fixed;}
#gm-headerInnerWrap{position:absolute; top:0px; left:0px; width:100%; height:var(--header-height); z-index:9999; transition:var(--transition-custom); transition-property:background-color;}
#gm-headerInner{position:relative; display:flex; align-items:center; justify-content:space-between; height:var(--header-height); margin:0px auto; padding:0 var(--area-padding); max-width: 1680px;}
#gm-header .logo{position:relative; z-index:100; }
#gm-header .logo a{display:block; }
#gm-header .logo svg{display:block; vertical-align:top; width: auto; height: 34px;}
#gm-header .logo svg *{transition:var(--transition-custom2);}


/* -------- Header :: UTIL BOX -------- */
.gm-header-util-box{position:relative; z-index:100; display: flex; align-items: center;}

/* Header :: 금명 EV */
.gm-header-link{margin-right:7rem;}
.gm-header-link a{display: block; background:rgba(0,0,0,0.1); font-size:1.5rem; line-height:4rem; color:#fff; font-weight:500; width:12rem; height:4rem; border-radius:4rem; text-align:center;}
/* Header :: 언어선택 */
.gm-header-lang-list {position:relative; float:left; z-index:100;}
.gm-header-lang-list li{float:left; font-size:1.2rem; line-height: 1.8rem; font-weight:700; color:#222; margin-left:2rem;}
.gm-header-lang-list li:first-child{margin-left:0}
.gm-header-lang-list li a{display:block; position:relative; color:#222; transition:var(--transition-custom);}
.gm-header-lang-list li a:after{
	position:absolute; bottom:0; left:0; right:0; 
	height:2px; 
	background-color:#222; 
	content:""; 
	transform:scaleX(0); 
	transition:var(--transition-custom);
	transition-property: transform;
	transform-origin:100% 0;
}
.gm-header-lang-list li.cur a:after,
.gm-header-lang-list li a:hover:after{transform:scaleX(1); transform-origin:0 0;}

/* Header :: 우측 버튼 */
.gm-header-link-btn-box{display: flex;}
.gm-header-link-btn-box .link-btn{display: flex; align-items:center; font-size:1.3rem; letter-spacing:-0.02em; color:#000; margin-left:4rem; transition:var(--transition-custom2);}
.gm-header-link-btn-box .link-btn span{font-weight: 500;}
.gm-header-link-btn-box .link-btn i{position: relative; top:-1px; font-size:1.9rem; transform:rotate(-45deg); margin-left:0.5rem;}

/* Header :: 사이트맵버튼 */
.gm-sitemap-line-btn{/* margin-left: 6rem; */ float:left; width:40px; height:40px; display:flex; flex-direction:column; justify-content: center; box-sizing:border-box;}
.gm-sitemap-line-btn .line{display:block; width:40px; height:4px; background-color:#333; margin: 3px auto; transition:var(--transition-custom);}
/* active */
.gm-sitemap-line-btn.active{position:relative; z-index:100000;}
.gm-sitemap-line-btn.active .line{background-color: #fff;}
.gm-sitemap-line-btn.active .line:nth-child(1){
	transform: translateY(5px) rotate(45deg);
}
.gm-sitemap-line-btn.active .line:nth-child(2){
	transform: translateY(-5px) rotate(-45deg);
}

/* -------- Header :: GNB(PC) -------- */
.gm-gnb-overlay-bg{position:fixed; top:0; left:0; width:100%; height:100%; visibility:hidden; opacity:0; /* background:rgba(0,0,0,0.5); */ z-index:9997;  transition:var(--transition-custom); pointer-events: none;}	/* gnb overlay BG */
.gm-gnb-overlay-bg.open{visibility:visible; opacity:1.0;}
#gm-gnb{position:absolute; text-align:center; top:0; left:0px; width:100%; z-index:99; transition:var(--transition-custom2);}
#gm-gnb > ul{position: relative; display:inline-block; z-index:99;}
#gm-gnb > ul > li{position:relative; float:left; word-break:keep-all; transition:var(--transition-custom);}
#gm-gnb > ul > li > a{
	position:relative; z-index:100; display:flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; align-content: center; height:var(--header-height); line-height:1.5; text-align:center; color:#000; font-size:1.8rem; letter-spacing:-0.03em; font-weight:500; transition:var(--transition-custom); box-sizing:border-box; padding-right:4rem;
}
#gm-gnb > ul > li > a em{position: relative; display: inline-block; font-weight: inherit; color:inherit; }
#gm-gnb > ul > li > a em:before{position: absolute; content:''; width:4px; height:4px; border-radius:50%; background:var(--main-color); top:-5px; right:-6px; opacity:0; transition:var(--transition-custom);}
#gm-gnb > ul > li > a em .badge{position: absolute; bottom: -3.4rem; left: 50%; transform: translateX(-50%); padding: 0 0.6rem; font-size: 1.2rem; line-height: 2.2rem; letter-spacing: -0.05em; font-weight: 600; color: #fff; text-align: center; white-space: nowrap; background-color: #000; border-radius: 0.4rem; display: inline-block;}
#gm-gnb > ul > li > a em .badge::after {content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-width: 5px; border-style: solid; border-color: transparent transparent #000 transparent;}

#gm-gnb > ul > li > a:hover,
#gm-gnb > ul > li > a:focus,
#gm-gnb > ul > li.on > a{color:var(--main-color) !important;}
#gm-gnb > ul > li > a:hover em:before,
#gm-gnb > ul > li > a:focus em:before,
#gm-gnb > ul > li.on > a em:before{opacity:1;}

/* GNB :: 2차 전체메뉴 */
#gm-gnbBgBlur{position: absolute; content:''; width:100%; height:100vh; background:rgba(0,0,0,0.3); backdrop-filter:blur(2rem); transition:opacity 0.2s ease-in-out; pointer-events:none; opacity:0;}
#gm-gnbBg{
	overflow:hidden; 
	position:absolute; 
	left:0; top:calc(-1 * var(--header-top)); 
	width:100%; 
	height:0; 
	background-color:#fff;
	z-index:98;
	opacity:0;
	transition:height 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep{
	position:absolute; 
	top:var(--header-height); 
	left:0px; 
	z-index:99;
	width:100%; 
	text-align:left; 
	opacity:0;filter:Alpha(opacity=0);
	height:0;
    transition: all 0.2s 0s;
	transition-delay: 0s;
	visibility:hidden;
}
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep ul{padding:1.5rem 0px;}
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep ul li{position:relative;}
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep ul li a{display: block; padding:1rem 0; color:#999; font-size:1.4rem; letter-spacing:-0.05em; font-weight:600; line-height:1.4; transition:var(--transition-custom);}
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep ul li a span{position: relative;}

#gm-gnb.gm-total-menu > ul > li.on .gm-gnb-2dep ul li a{color:#000}
#gm-gnb.gm-total-menu > ul > li.on .gm-gnb-2dep ul li a:hover{color:var(--main-color);}

#gm-gnb.gm-total-menu.open > ul > li:nth-child(1){margin-left:6rem;}
#gm-gnb.gm-total-menu.open > ul > li:nth-child(1) > a{padding-right:4rem}
#gm-gnb.gm-total-menu.open > ul > li:nth-child(2) > a{padding-right:7rem}
#gm-gnb.gm-total-menu.open > ul > li:nth-child(3) > a{padding-right:7rem}
#gm-gnb.gm-total-menu.open > ul > li:nth-child(4) > a{padding-right:4.8rem}
#gm-gnb.gm-total-menu.open > ul > li:nth-child(5) > a{padding-right:5.6rem}
#gm-gnb.gm-total-menu.open > ul > li:nth-child(6) > a{padding-right:8.7rem;}

#gm-gnb.gm-total-menu.open > ul > li.on .gm-gnb-2dep ul li a{color:#333;}
#gm-gnb.gm-total-menu.open > ul > li.on .gm-gnb-2dep ul li a:hover{color:var(--main-color);}

/* GNB :: 우측 텍스트 + 이미지 */
.gm-gnb-left-list{position: absolute; top:calc(var(--header-height) + var(--header-top) + 3.5rem); left:50%; transform:translateX(-50%); width:100%; z-index:99; max-width:1680px;}
.gm-gnb-left-list .list-item{position: absolute; top:0; left:0; width:100%; max-width:320px; text-align:left; opacity:0; transition:var(--transition-custom); aspect-ratio:1;}
.gm-gnb-left-list .list-item .tit{position: relative; font-size:1.8rem; letter-spacing:-0.05em; color:#000; font-weight:700; display: inline-block;/* font-family:var(--font-family2); */}
.gm-gnb-left-list .list-item .txt{position: relative; font-size:1.4rem; line-height:1.6; letter-spacing:-0.05em; color:#767676; font-weight:700; letter-spacing: -0.05em; margin-top:1.5rem;}
.gm-gnb-left-list .list-item img{position: absolute; bottom:-2rem; right:0; width:100%; aspect-ratio:1; max-width:32rem; object-fit: contain;}
.gm-gnb-left-list .list-item:nth-child(1) img{bottom: -7rem;}
.gm-gnb-left-list .list-item:nth-child(2) img{bottom: -7rem;}
.gm-gnb-left-list .list-item:nth-child(4) img{bottom: -9rem; right: -3rem; max-width: 39.5rem; width: 123.4375%;}
.gm-gnb-left-list .list-item:nth-child(5) img{bottom: -1rem; width: 90%;}
.gm-gnb-left-list .list-item:nth-child(6) img{bottom: -8rem; max-width: 40rem; width: 125%;}
.gm-gnb-left-list .list-item:nth-child(7) img{bottom: -1rem;}

.gm-gnb-left-list .list-item.on{opacity:1;}

/* GNB :: 하단 링크 */
.gm-gnb-bottom-list{position: absolute; top:46rem; left:0; /* transform:translateX(-50%); */ /* width:100%; */ max-width:1680px; display: flex; justify-content: flex-end; z-index:100; opacity:0; visibility:hidden;}
.gm-gnb-bottom-list .list-item{position: relative; width:42rem; margin-left:2.4rem; overflow:hidden; background: #f5f5f5; border-radius:1.6rem;}
.gm-gnb-bottom-list .list-item:first-child{margin-left:0;}
.gm-gnb-bottom-list .list-item .gm-cm-fill{background:#000;}
.gm-gnb-bottom-list .list-item a{position: relative; display: flex; align-items:center; padding:2.4rem 3rem; box-sizing:border-box; border-radius:1.6rem; z-index:9;}
.gm-gnb-bottom-list .list-item a .tit-box{width:calc(100% - 3.2rem); text-align:left;}
.gm-gnb-bottom-list .list-item a .tit-box dt{font-size:1.8rem; line-height:1.4; letter-spacing:-0.05em; font-weight:700; color:#000; transition: all 0.75s ease 0s;}
.gm-gnb-bottom-list .list-item a .tit-box dt span {position: relative; top: -0.4rem; display: inline-block; height: 2.5rem; margin-left: 0.4rem; vertical-align: middle;}
.gm-gnb-bottom-list .list-item a .tit-box dt span img {max-height: 100%;}
.gm-gnb-bottom-list .list-item a .tit-box dd{font-size:1.4rem; line-height:1.6; letter-spacing:-0.05em; font-weight:400; margin-top:0.8rem; color:#767676;  transition: all 0.75s ease 0s;}
.gm-gnb-bottom-list .list-item a .arrow-box{display: flex; align-items:center; justify-content:center; width:3.2rem; height:3.2rem; border-radius:50%; background:rgba(0,0,0,0.05); color:rgba(0,0,0,0.4);  transition: all 0.75s ease 0s;}
.gm-gnb-bottom-list .list-item a .arrow-box i{font-size:2rem;}

.gm-gnb-bottom-list .list-item:nth-child(3){background: rgba(255, 52, 41, 0.07);}
.gm-gnb-bottom-list .list-item:nth-child(3) .gm-cm-fill{background:var(--main-color);}
.gm-gnb-bottom-list .list-item:nth-child(3) a .tit-box dt{color:var(--main-color);}
.gm-gnb-bottom-list .list-item:nth-child(3) a .tit-box dd{color:#767676;}
.gm-gnb-bottom-list .list-item:nth-child(3) a .arrow-box{background: rgba(255, 52, 41, 0.1); color:rgba(255, 52, 41, 0.6);}

.gm-gnb-bottom-list .list-item:hover .gm-cm-fill{width:70vw; height:70vw;}
.gm-gnb-bottom-list .list-item:hover .tit-box dt{color:#fff !important;}
.gm-gnb-bottom-list .list-item:hover .tit-box dd{color:rgba(255,255,255,0.5) !important;}
.gm-gnb-bottom-list .list-item:hover .arrow-box{background: rgba(255, 255, 255, 0.5) !important; color: #fff !important;}

/* GNB :: 2차메뉴 Over (높이변경) */
#gm-gnb.open #gm-gnbBg{height:670px; opacity:1.0;filter:Alpha(opacity=100);}
#gm-gnb.open #gm-gnbBgBlur{opacity:1; transition-delay:0.1s}
#gm-gnb.open > ul > li .gm-gnb-2dep{
	height:540px; opacity:1.0;filter:Alpha(opacity=100);
	visibility:visible;
    transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;
}
#gm-header.gm-gnb-open .gm-gnb-bottom-list{opacity:1; visibility:visible; transition: opacity 0.5s ease-in-out 0.2s,left 0.4s ease-in-out; left:6rem}

/* GNB :: 2차 각각메뉴 */
#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep{
	/* display:none; */
	position:absolute; 
	top:calc(var(--header-height) - 20px); 
	left:50%; 
	transform:translateX(-50%);
	z-index:99;
	width:18rem;
	text-align:left; 
	visibility:hidden;
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);
}
#gm-gnb.gm-each-menu > ul > li.gm-gnb4 .gm-gnb-2dep,
#gm-gnb.gm-each-menu > ul > li.gm-gnb6 .gm-gnb-2dep{display: none;}

#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep:before{
	content:""; 
	position:absolute; top:0px; left:0px; right:0px; 
	height:0; border-radius:1.5rem;
	background-color:var(--main-color); 
	transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);
}
#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep ul{padding:15px 0px;}
#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep ul li{position:relative; padding:8px 10px; opacity:0; transition:all 0s 0s; }
#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep ul li a{display:block; color:#fff; font-size:14px; font-weight:400; text-align:center; line-height:1.4; opacity:0.9;}
#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep ul li a:hover{opacity:1.0;}
/* over했을때 */
#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep.open{visibility:visible; opacity:1.0;}
#gm-gnb.gm-each-menu > ul > li .gm-gnb-2dep.open:before{height:100%;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li{opacity:1.0; transition:var(--transition-custom2);}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(1){transition-delay:0.1s;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(2){transition-delay:0.2s;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(3){transition-delay:0.3s;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(4){transition-delay:0.4s;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(5){transition-delay:0.5s;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(6){transition-delay:0.6s;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(7){transition-delay:0.7s;}
#gm-gnb > ul > li .gm-gnb-2dep.open ul li:nth-child(8){transition-delay:0.8s;}

/* -------- Header :: Sub -------- */
.gm-sub-wrap #gm-header .logo svg *{fill:#fff;}
.gm-sub-wrap #gm-header #gm-gnb > ul > li > a,
.gm-sub-wrap #gm-header .gm-header-link-btn-box .link-btn{color:#fff;}

/* -------- Header :: white ver -------- */
#gm-header.gm-white-ver .logo svg *{fill:#fff;}
#gm-header.gm-white-ver #gm-gnb > ul > li > a,
#gm-header.gm-white-ver .gm-header-link-btn-box .link-btn{color:#fff;}

/* -------- Header :: Open -------- */
#gm-header.gm-gnb-open .logo svg *{fill:var(--main-color);}
#gm-header.gm-gnb-open #gm-gnb > ul > li > a,
#gm-header.gm-gnb-open .gm-header-link-btn-box .link-btn{color:#000;}

/* -------- Header :: top-fixed -------- */
#gm-header.top-fixed{position: fixed; top:0;}
#gm-header.top-fixed:before{transform: translateY(0);}
#gm-header.top-fixed .logo svg *{fill:var(--main-color);}
#gm-header.top-fixed #gm-gnb > ul > li > a,
#gm-header.top-fixed .gm-header-link-btn-box .link-btn{color:#000;}

/* -------- Header :: GNB(Mobile) -------- */
.gm-nav-open-btn{display:none;}
#gm-gnbM{display:none}


/* ****************** FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#gm-footer{background-color:#000; position: relative; z-index:9; padding-top:8rem;}

#gm-footerInquiry{position: relative; display: flex; align-items:center; justify-content:space-between; padding:6.4rem 10rem; box-sizing:border-box; background:url('/wp-content/themes/geummyeong/assets/site/web-static-images/layout/footer_inquiry_bg.jpg') no-repeat center / cover; border-radius:2.4rem;}
#gm-footerInquiry:before{content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; z-index: 9; pointer-events: none; background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.01) 40%, rgba(255, 255, 255, 0.01) 60%, rgba(255, 255, 255, 0.15) 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
#gm-footerInquiry .gm-footer-inquiry-txt-box{width:50%;}
#gm-footerInquiry .gm-footer-inquiry-txt-box .gm-inquiry-tit{font-size:4.8rem; line-height:1.4; letter-spacing:-0.03em; color:#fff; font-weight:700; }
#gm-footerInquiry .gm-footer-inquiry-txt-box .gm-inquiry-txt{font-size:2rem; line-height:1.6; letter-spacing:-0.05em; color:#fff; font-weight:500; margin-top:1.2rem;}
#gm-footerInquiry .gm-footer-inquiry-btn-box{width:50%; max-width:600px;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item{position: relative; display: flex; align-items:center; justify-content:space-between; padding: 2.5rem 4rem; box-sizing:border-box; width:100%; margin-bottom:1.2rem; border-radius:1.6rem; overflow:hidden; }
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item:first-child{background: linear-gradient(149.87deg, #FF3429 -1.16%, #B5241C 86.11%);}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item:first-child .liquid-effect{display: none;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item::before{background: linear-gradient( 135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.01) 40%, rgba(255,255,255,0.01) 60%, rgba(255,255,255,0.15) 100% );}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item:last-child{margin-bottom:0;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box{position: relative; width:calc(100% - 6.4rem);}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt01{font-size:2.6rem; line-height:1.4; letter-spacing:0; font-family:var(--font-family2); font-weight:700; color:#fff;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02{display: flex; font-size:1.6rem; line-height:1.6; letter-spacing:-0.05em; color:#fff; font-weight:600;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02 span{position: relative; margin-right:2.6rem;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02 span:before{position: absolute; content:''; top:0.7rem; right:-1.5rem; width:2px; height:1.2rem; background:rgba(255,255,255,0.25);}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02 span:last-child{margin-right:0rem;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02 span:last-child:before{display: none;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box{position: relative; width:6.4rem; height:6.4rem; display: flex; align-items:center; justify-content:center; border-radius:1.2rem; background: rgba(255, 255, 255, 0.1);}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box:before{padding:1px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.01) 40%, rgba(255, 255, 255, 0.01) 60%, rgba(255, 255, 255, 0.5) 100%);}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box:after{padding:1px;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item:hover .icon-box:after{opacity:1;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box .liquid-effect{border-radius:1.2rem;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box img{max-width:100%;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box svg{position: relative; width:4rem; height:4rem;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item:last-child .icon-box svg{width:3.2rem; height:3.2rem;}

#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .gm-cm-fill{position: absolute; display: block; width: 0px; height: 0px; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 50%; opacity: 0.95; transition: width 0.8s, height 0.8s, top 0.1s; background: linear-gradient(149.87deg, #FF3429 -1.16%, #B5241C 86.11%); display: none;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item.active .gm-cm-fill{width:80rem; height:80rem; transform:translate(-50%, -50%);}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item.up .gm-cm-fill{top:0;}
#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item.down .gm-cm-fill{top:100%;}

.gm-footer-con{display: flex; justify-content:space-between;}
#gm-footerTop{align-items:center; margin-top:8rem; margin-bottom:3rem; padding-bottom:4rem; border-bottom:1px solid rgba(255,255,255,0.2);}
#gm-footerMiddle{margin-bottom:3rem; padding-bottom:4rem; border-bottom:1px solid rgba(255,255,255,0.2);}
#gm-footerBottom{padding-bottom:8rem; align-items:center;}


/* 푸터 :: 고객센터 + 쇼핑몰 */
.gm-footer-custom-btn{display: flex; align-items:center}
.gm-footer-custom-btn .txt{font-size:1.4rem; line-height:1.4; letter-spacing:-0.05em; color:#fff; font-weight:500;}
.gm-footer-custom-btn a{display: flex; align-items:center; justify-content:center; width:15rem; height:4rem; border:1px solid var(--main-color); border-radius:0.6rem; box-sizing:border-box; font-size:1.4rem; color:var(--main-color); margin-left:2rem; transition:all 0.3s;}
.gm-footer-custom-btn a span{font-weight:700; margin-right:1rem;}
.gm-footer-custom-btn.white a{border-color:#fff; color:#fff;}

/* .gm-footer-custom-btn:not(.white) a:hover {border-color: var(--main-color); color: var(--main-color);} */



/* 푸터 :: 텍스트박스 */
.gm-footer-txt-box{}
.gm-footer-txt-box .gm-footer-txt{font-size:1.8rem; line-height:1.6; letter-spacing:-0.05em; color:#fff; font-weight:700;}
.gm-footer-txt-box .gm-footer-copyright{font-size:1.2rem; line-height:1.4; letter-spacing:-0.025em; color:rgba(255,255,255,0.5); font-weight:500; margin-top:2rem;}

/* 푸터 :: 정보 */
.gm-footer-info-wrap{display: flex;}
.gm-footer-info-box{margin-left:7.5rem;}
.gm-footer-info-box:first-child{margin-left:0rem;}
.gm-footer-info-box .gm-footer-info-tit{font-size:1.8rem; line-height:1.6; letter-spacing:-0.05em; color:#fff; font-weight:700;}
.gm-footer-info-box .gm-footer-info-list{margin-top:2.4rem;}
.gm-footer-info-box .gm-footer-info-list .list-item{display: flex; margin-bottom:1.6rem; font-size:1.4rem; line-height:1.4; letter-spacing:-0.05em; color:#fff; font-weight:600; min-width:15rem;}
.gm-footer-info-box:nth-child(2) .gm-footer-info-list .list-item:first-child{color: var(--main-color);}
.gm-footer-info-box .gm-footer-info-list .list-item:last-child{margin-bottom:0;}
.gm-footer-info-box .gm-footer-info-list .list-item dt{font-weight:500; width:10.8rem;}
.gm-footer-info-box .gm-footer-info-list .list-item a{display: flex; align-items:center; color:inherit; font-weight: inherit;   transition:all 0.3s;}
.gm-footer-info-box .gm-footer-info-list .list-item a span { font-weight: inherit; transition:all 0.3s;}
.gm-footer-info-box .gm-footer-info-list .list-item a i{position: relative; top:-1px; font-size:1.3em; transform:rotate(-45deg); margin-left:0.5rem;transition:all 0.3s;}
.gm-footer-info-box .gm-footer-info-list .list-item > a:hover {color: var(--main-color);}
.gm-footer-info-box .gm-footer-info-list .list-item > a:hover span ,
.gm-footer-info-box .gm-footer-info-list .list-item > a:hover i {font-weight: 900;}
/* 푸터 :: 약관 */
.gm-foot-menu{display: flex;}
.gm-foot-menu li{position: relative; margin-right:3.3rem;}
.gm-foot-menu li:before{position: absolute; content:''; width:1px; height:1.2rem; background:rgba(255,255,255,0.3); top:0.3rem; right:-1.7rem}
.gm-foot-menu li:last-child:before{display: none;}
.gm-foot-menu li a{font-size:1.4rem; line-height:1.4; letter-spacing:-0.05em; color:#fff; font-weight:700;}
.gm-foot-menu li a b{font-weight:700; color:var(--main-color);}

.gm-footer-m-btn{display: none;}



/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#gm-visualM,
#gm-visual{position: relative; height:var(--sub-visual-height); /* z-index:9; */}
#gm-visualM .gm-visual-img-con,
#gm-visual .gm-visual-img-con{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:var(--sub-visual-height);
	/* overflow:hidden;  */
	/* transition:height 0.4s ease-in-out; */
}
#gm-visualM .gm-visual-img-inner,
#gm-visual .gm-visual-img-inner{
	position: relative; width:100%; height:100%; overflow: hidden; background-color: #000;
}
#gm-visualM .gm-visual-img-inner-bg,
#gm-visual .gm-visual-img-inner-bg{position: relative; width:100%; height:100%; background-size:cover !important;}
#gm-visualM .gm-visual-img-inner-bg.change-bg,
#gm-visual .gm-visual-img-inner-bg.change-bg{position: absolute; top: 0; left: 0; z-index: -1;}
#gm-visual .gm-visual-img-inner .gm-visual-banner-txt{position: relative; display: flex; align-items:center; justify-content:center; width:100%; height: 100%; font-size:3.2rem; line-height:1.6; letter-spacing:-0.03em; color:#fff; opacity:0;}
#gm-visual .gm-visual-txt-con{position:relative; z-index:1; display:table; width:100%; height:100%; color:#fff;}
#gm-visual .gm-visual-txt-container{position:relative; width:100%; }
#gm-visual .table-cell-layout {padding-bottom: calc(var(--sub-menu-height) + 8.4rem); vertical-align: bottom; box-sizing: border-box;}
#gm-visual .gm-visual-tit,
#gm-visual #gm-topMenu01{
	opacity:0;
    transform: translateY(30px);
	transition:var(--transition-custom2);
	transition-property: transform, opacity;
}
#gm-visual .gm-visual-tit{
	font-weight: 400; 
	font-size:4.8rem; line-height: 1.1; 
}

/* SUB LAYOUT :: 상단효과 active */
#gm-visualM.active .gm-visual-img-inner-bg,
#gm-visual.active .gm-visual-img-inner-bg{
     transform: scale(1.0,1.0) rotate(0.002deg);
}
#gm-visualM.active .gm-visual-fixed-con .gm-visual-img-inner-bg,
#gm-visual.active .gm-visual-fixed-con .gm-visual-img-inner-bg{transform: scale(1.0, 1.0) rotate(0deg);}
#gm-visual.active .gm-visual-tit,
#gm-visual.active #gm-topMenu01{
	opacity:1.0;
    transform: translateY(0px);
}

#gm-visualM{display: none; position: absolute; top: 0; left: 0; width: 100%;}
#gm-middleArea{position: relative; z-index:9;}

/*  SUB LAYOUT :: 서브메뉴(스타일4) */
#gm-topMenu04{position:relative; width:100%; height:0; transform:translateY(calc(-1 * (var(--sub-menu-height) + 4rem))); z-index:99;} /* (+1 border height)*/
#gm-topMenu04 .gm-side-menu-inner{width:100%; height:var(--sub-menu-height); border-radius:0.8rem;}
#gm-topMenu04 .gm-side-menu-inner:before{padding:1px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.01) 40%, rgba(255, 255, 255, 0.01) 60%, rgba(255, 255, 255, 0.15) 100%);}
#gm-topMenu04 .gm-side-menu-inner:after{display: none;}
#gm-topMenu04 .gm-cm-top-menu{position: relative; display: flex; z-index:1; }
#gm-topMenu04 .gm-cm-top-menu:before{position: absolute; content:''; inset:0; backdrop-filter: blur(1rem); border-radius: 0.8rem;}
#gm-topMenu04 .gm-location-to-home-btn{position: relative; width:var(--sub-menu-height); height:var(--sub-menu-height); text-align:center; margin:0 0.8rem;}
#gm-topMenu04 .gm-location-to-home-btn i{color:#fff; font-size:2rem; line-height:var(--sub-menu-height);}
#gm-topMenu04 .gm-menu-location{position:relative;width:24rem;}
#gm-topMenu04 .gm-menu-location:before{position: absolute; content:''; width:1px; height:2.4rem; background:rgba(255,255,255,0.25); left:0; top:50%; transform:translateY(-50%);}
#gm-topMenu04 .gm-menu-location > .gm-cur-location{position:relative; display:block; width:100%; height:var(--sub-menu-height); padding:0 1.6rem; text-align:left}
#gm-topMenu04 .gm-menu-location > .gm-cur-location span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:var(--sub-menu-height); color:#fff; font-weight:400; font-size:1.4rem; letter-spacing:-0.02em; font-weight:700;}
#gm-topMenu04 .gm-menu-location > .gm-cur-location .arrow{position:absolute; top:50%; transform:translateY(-50%); right:1.6rem; font-size:2.4rem; color:#fff;}
#gm-topMenu04 .gm-menu-location.open > .gm-cur-location .arrow{transform:translateY(-50%) rotate(-180deg);}
#gm-topMenu04 .gm-menu-location .gm-location-menu-con{display:none; position:absolute; top:100%; left:-1px; right:0px; background-color:rgba(255,255,255,0.05); z-index:11; padding-bottom:10px; border-radius:0 0 0.8rem 0.8rem; backdrop-filter:blur(1rem);}
#gm-topMenu04 .gm-menu-location .gm-location-menu-con li a{display:block; padding:1rem 1.6rem; font-size:1.4rem; word-break:keep-all; line-height:1.5; color:rgba(0,0,0,0.8); font-weight:500;}
#gm-topMenu04 .gm-menu-location .gm-location-menu-con li.on{position:relative;}
#gm-topMenu04 .gm-menu-location .gm-location-menu-con li.on a{color:var(--main-color);}


/* SUB LAYOUT :: 모바일메뉴(공통)  */
#gm-topMenuM{display:none;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#gm-content:not(.wide){padding:12rem 0 10rem}
#gm-content.wide{padding:12rem 0 0 0}

/*  SUB LAYOUT :: 상단정보 (공통) */
#gm-contentInfoCon{position:relative; margin:0 auto 16rem; text-align:center;}
#gm-contentInfoCon .gm-content-tit{color:#000; font-size:5.2rem; font-weight:700; line-height:1.4; letter-spacing:-0.03em;}
#gm-contentInfoCon .gm-content-sub-tit{color:#555; margin-top:1.6rem; font-size:2.4rem; line-height:1.6; letter-spacing:-0.05em;}
#gm-contentInfoCon .gm-content-sub-tit b{color: #000; font-weight: 600;}
#gm-contentInfoCon .gm-difference-wrap{position: absolute; top:0; width:100%;}
#gm-contentInfoCon .gm-difference-wrap .gm-content-tit{color:#fff; text-shadow: 0.01px 0.01px #fff, -0.01px -0.01px #fff;}
#gm-contentInfoCon .gm-difference-wrap .gm-content-sub-tit{color:#fff; text-shadow: 0.01px 0.01px #fff, -0.01px -0.01px #fff;}
#gm-contentInfoCon .gm-difference-wrap .gm-content-sub-tit b{color: #fff;}
#gm-contentInfoCon .gm-content-sub-tit .pc-br{display: block;}
/* 온라인문의 css 추가 */
#gm-contentInfoCon.gm-online-css{margin-bottom: 1.6rem;}
/* 서브 페이지 css 추가 */
.gm-parking-news-page #gm-contentInfoCon,
.gm-news-page #gm-contentInfoCon,
.gm-intro-video-page  #gm-contentInfoCon {margin: 0 auto 12rem;}

/*  SUB LAYOUT :: 상단배너 */
#gm-contentBannerVisual{position: relative; margin-top:8rem;}
#gm-contentBannerVisual .area{position: relative;}
#gm-contentBannerVisual .gm-banner-img-box{position: relative; display: flex; flex-direction: column; align-items:center; justify-content:center; width:100%; height:40rem; height: 400px;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-img{position: absolute; width:100vw; height:var(--sub-visual-height); top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-img img{width:100%; height:100%; object-fit:cover;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt{position: relative; font-size:3.2rem; line-height:1.6; letter-spacing:-0.03em; color:#000;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt b{color:var(--main-color)}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt .pc-br{display: block;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt2{margin-top: 1.6rem; position: relative; font-size:1.8rem; line-height:1.6; letter-spacing:-0.05em; color:#000;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-btn{margin-top: 4rem; padding: 0 2rem; width: 25rem; height: 6.2rem; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.03em; color: #fff; background-color: #000; border-radius: 0.6rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-btn i{font-weight: 400;}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt2.has-point,
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt.has-point{color:rgba(0,0,0,0.6);}
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt2.has-point b,
#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt.has-point b{font-weight: 700; color: #000;}
/* 온라인문의 추가 css */
.gm-content-company-online #gm-contentBannerVisual .gm-banner-img-box{height: 320px;}
/* 금명 강점 :: 콜센터/AS + 주차 시스템 설계 추가 css */
.gm-wrap-strength-as #gm-middleArea{z-index: auto;}
.gm-content-strength-design #gm-contentBannerVisual .gm-banner-img-box,
.gm-content-strength-as #gm-contentBannerVisual .gm-banner-img-box {height: 500px; padding: 0 6.66%; align-items: flex-start; text-align: left; box-sizing: border-box;}
.gm-content-strength-as #gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt{font-size:2rem; font-weight: 400; font-family: var(--font-family1);}
.gm-content-strength-as #gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt2{margin-top: 2.4rem; font-size:3.2rem; letter-spacing:-0.03em; font-weight: 500; font-family: var(--font-family2);}
.gm-content-strength-design #gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt.has-point b, 
.gm-content-strength-design #gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt2.has-point b, 
.gm-content-strength-as #gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt.has-point b, 
.gm-content-strength-as #gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt2.has-point b {color: var(--blue-color);}

#gm-contentBannerVisual .gm-banner-img-box-group{position: relative;}
#gm-contentBannerVisual .gm-difference-wrap{position: absolute; top:0; width:100%;}
#gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt,
#gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt2,
#gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt.has-point,
#gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt2.has-point{color: #fff;}
#gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt.has-point b,
#gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-txt2.has-point b{font-weight: 700; color: var(--main-color);}
#gm-contentBannerVisual .gm-banner-img-box.gm-difference-wrap .gm-banner-btn{background-color: var(--blue-color);}


/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.gm-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10001; background:#000; background:rgba(0,0,0,0.8);}
.gm-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.gm-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.gm-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.gm-modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { transform: rotate(360deg); }
}
/* modal layer content */
.gm-footer-modal-content{position:relative; width:96%; max-width:1000px; margin: 20px auto;}
.gm-footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.gm-modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff; }
.gm-modal-close-btn i{font-size:38px;}
.gm-modal-close-btn i:hover {color:#fff}
.gm-footer-inner-box{padding:30px; background-color:#fff; }
.gm-footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #D9D9D9; text-align: left; border-radius: 1.2rem;}

.gm-footer-modal-content.wide{max-width:1240px;}
.gm-footer-modal-content.wide .gm-modal-close-btn{top:-5rem;}

.gm-fee-product-catalog-btn a {font-weight: 700 !important; font-family: var(--font-family1) !important;}

/* ===== 상담 예약 헤더 버튼 — 있는듯 없는듯 은은하게 ===== */
.gm-header-link-btn-box .link-btn.gm-resv-pulse{position:relative;display:inline-flex;align-items:center;justify-content:center;height:3.8rem;padding:0 2.2rem;border:0;border-radius:999px;background:linear-gradient(135deg,#0068FF,#0052CC);color:#fff;font-weight:700;font-size:1.45rem;letter-spacing:-0.01em;box-shadow:0 2px 10px rgba(0,104,255,.22);transition:box-shadow .4s ease,transform .25s ease;animation:gmResvBreath 4s ease-in-out infinite;}
.gm-header-link-btn-box .link-btn.gm-resv-pulse span{color:#fff;}
.gm-header-link-btn-box .link-btn.gm-resv-pulse:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,104,255,.4);}
.gm-white-ver .gm-header-link-btn-box .link-btn.gm-resv-pulse{background:linear-gradient(135deg,#0068FF,#0052CC);color:#fff;}
@keyframes gmResvBreath{0%,100%{box-shadow:0 2px 10px rgba(0,104,255,.20);}50%{box-shadow:0 3px 16px rgba(0,104,255,.40);}}
@media (prefers-reduced-motion:reduce){.gm-header-link-btn-box .link-btn.gm-resv-pulse{animation:none;}}

/* ===== 로고 수직 중앙 정렬(스크롤 시 위 쏠림 방지) ===== */
#gm-header .logo{display:flex;align-items:center;height:var(--header-height);margin:0;}
#gm-header .logo a{height:auto;display:flex;align-items:center;}
.gm-logo{justify-content:center;}

/* ===== c_list(집단소송 진행현황) 히어로 — 서브페이지와 동일 결 ===== */
.gm-wrap-c-list #gm-visual .gm-visual-img-inner-bg.base-bg{background-size:cover !important;background-position:center 30% !important;}
.gm-wrap-c-list .gm-hero-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(6,20,40,.93) 0%,rgba(9,38,86,.86) 52%,rgba(0,80,200,.66) 100%);}
.gm-wrap-c-list #gm-visual .table-cell-layout{padding-bottom:0 !important;vertical-align:middle !important;}
.gm-wrap-c-list #gm-visual .gm-visual-txt-container{max-width:120rem;margin:0 auto;padding:0 2rem;text-align:left;}
.gm-wrap-c-list .gm-bc{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:.9rem;font-size:1.4rem;color:rgba(255,255,255,.78);margin-bottom:2rem;}
.gm-wrap-c-list .gm-bc a{color:#fff;display:inline-flex;align-items:center;text-decoration:none;}
.gm-wrap-c-list .gm-bc a:hover{color:#8FBEFF;}
.gm-wrap-c-list .gm-bc .sep{font-size:1.1rem;opacity:.55;}
.gm-wrap-c-list .gm-hero-eye{display:inline-block;font-size:1.5rem;font-weight:800;letter-spacing:.16em;color:#8FBEFF;margin-bottom:1.6rem;}
.gm-wrap-c-list .gm-hero-tit{font-weight:800 !important;font-size:clamp(3.2rem,6vw,5.6rem) !important;line-height:1.12 !important;letter-spacing:-.035em !important;color:#fff;margin:0;}
.gm-wrap-c-list .gm-hero-sub{margin:2rem 0 0;max-width:62rem;font-size:clamp(1.55rem,2.4vw,1.95rem);line-height:1.62;color:rgba(255,255,255,.9);word-break:keep-all;}
@media (max-width:800px){
 .gm-wrap-c-list #gm-visual{display:block !important;left:0 !important;width:100% !important;height:auto !important;min-height:36rem;}
 .gm-wrap-c-list #gm-visualM{display:none !important;}
 .gm-wrap-c-list #gm-visual .gm-visual-img-con,.gm-wrap-c-list #gm-visual .gm-visual-img-inner{height:100% !important;}
 .gm-wrap-c-list #gm-visual .gm-visual-txt-con{padding:10rem 0 6rem;}
 .gm-wrap-c-list .gm-hero-sub{max-width:100%;}
}

/* ===== 로고(텍스트) 가독성: 상단 다크 히어로=흰색 / 스크롤 흰 헤더=네이비 ===== */
.gm-sub-wrap #gm-header .gm-logo b,.gm-main-page #gm-header .gm-logo b{color:#fff;}
.gm-sub-wrap #gm-header .gm-logo i,.gm-main-page #gm-header .gm-logo i{color:#5B9BFF;}
#gm-header.top-fixed .gm-logo b{color:#1b2430;}
#gm-header.top-fixed .gm-logo i{color:#0068FF;}
/* 모바일 하위페이지: 헤더가 히어로 위 흰 띠에 떠 있어 흰 로고가 안 보임 → 네이비로 (메인은 다크 히어로 위라 흰색 유지) */
@media (max-width:800px){
 .gm-sub-wrap #gm-header:not(.top-fixed) .gm-logo b{color:#1b2430;}
 .gm-sub-wrap #gm-header:not(.top-fixed) .gm-logo i{color:#0068FF;}
}

/* top-fixed(흰 헤더) 상태: 메뉴 텍스트도 네이비로 강제(흰-on-흰 방지) */
.gm-sub-wrap #gm-header.top-fixed #gm-gnb > ul > li > a,
.gm-main-page #gm-header.top-fixed #gm-gnb > ul > li > a{color:#1b2430 !important;}

/* ===== 상단/모바일 메뉴 badge(12시간 내 접수·AS처리 등) 전면 제거 ===== */
#gm-gnb .badge,#gm-gnbM .badge,#gm-navigation .badge{display:none !important;}

/* ===== 모바일 자주 묻는 질문: 5개까지만 노출 + 더보기 ===== */
.gm-faq-morewrap{display:none;}
@media (max-width:768px){
 #gm-faq.gm-faq-clamp .list > .item:nth-child(n+6){display:none;}
 #gm-faq .gm-faq-morewrap{display:block;text-align:center;margin-top:2.4rem;}
 #gm-faq .gm-faq-more{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1.3rem 2.6rem;border:1px solid rgba(0,104,255,.4);border-radius:999px;background:#fff;color:#0068FF;font-weight:800;font-size:1.5rem;cursor:pointer;font-family:inherit;}
 #gm-faq .gm-faq-more i{transition:transform .25s;}
 #gm-faq:not(.gm-faq-clamp) .gm-faq-more i{transform:rotate(180deg);}
}

/* ===== 드롭다운 더 부드럽게 펼쳐짐 ===== */
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep{transition:height .45s cubic-bezier(.22,1,.36,1),opacity .42s ease,visibility .45s !important;}
#gm-gnb.open > ul > li .gm-gnb-2dep{transition:height .5s cubic-bezier(.22,1,.36,1),opacity .45s ease .12s !important;}

/* ===== 모바일 메뉴 열렸을 때 로고 가독성(흰 배경에 흰 글자 방지) ===== */
#gm-header.gm-gnbM-open .gm-logo b{color:#1b2430 !important;}
#gm-header.gm-gnbM-open .gm-logo i{color:#0068FF !important;}

/* ===== 모바일 메뉴의 '상담 예약' 버튼 제거(하단 플로팅으로 대체) ===== */
@media (max-width:800px){
 .gm-header-link-btn-box-m{display:none !important;}
 #gm-header.gm-gnbM-open .gm-header-link-btn-box{display:none !important;}
}

/* ===== 선택/호버 메뉴 우상단 점 제거 ===== */
#gm-gnb > ul > li > a em:before{display:none !important;}

/* ===== 대메뉴: 좌우 패딩 대칭 + hover 시 그 메뉴만 부드럽게 확장(유효한 transition 문법) ===== */
#gm-gnb > ul > li > a{padding-left:2rem !important;padding-right:2rem !important;transition:padding .5s cubic-bezier(.25,.8,.25,1),color .3s ease !important;}
#gm-gnb > ul > li:hover > a{padding-left:3.4rem !important;padding-right:3.4rem !important;}
/* 하위 세부메뉴를 부모 대메뉴와 가운데 정렬(포커스 유무·hover 상태 무관하게 같은 중앙축). 좁은 박스서 줄바꿈 방지(nowrap) */
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep{text-align:center !important;}
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep ul{padding-left:0 !important;padding-right:0 !important;text-align:center !important;}
#gm-gnb.gm-total-menu > ul > li .gm-gnb-2dep ul li a{text-align:center !important;white-space:nowrap !important;}

/* ===== 모바일: 헤더 상단 4rem 플로팅 여백 제거(메인·하위 공통) ===== */
@media (max-width:800px){
 .gm-main-page #gm-header:not(.top-fixed),
 .gm-sub-wrap #gm-header:not(.top-fixed),
 .gm-wrap-c-list #gm-header:not(.top-fixed){top:0 !important;}
 /* 모바일 메뉴 열림: 로고와 첫 메뉴 사이 간격 확보 */
 #gm-gnbM .gm-gnb-navigation-wrapper{padding-top:calc(var(--header-height) + 3rem) !important;}
}

/* ===== PC: 상단 메뉴 펼침(gm-gnb-open=흰 메가배경) 시 로고 네이비로(흰-on-흰 방지) ===== */
#gm-header.gm-gnb-open .gm-logo b{color:#1b2430 !important;}
#gm-header.gm-gnb-open .gm-logo i{color:#0068FF !important;}

/* ===== 모바일: 헤더 높이 축소 — 로고 위 빈 공간 제거 ===== */
@media (max-width:800px){
 .gm-main-page,.gm-sub-wrap,.gm-wrap-c-list{--header-height:6.4rem;}
}