@charset "utf-8";
/* *******************************************************
 * filename : layout_responsive.css
 * description : 전체 레이아웃 반응형 CSS
 * date : 2022-07-26
******************************************************** */

/* ========================================================
 * SETTING
======================================================== */
@media all and (max-width:1280px){
	:root{
		--header-height: 100px;
	}
}
@media all and (max-width:800px){
	:root{
		--area-padding: 5vw;
		--sub-visual-height: 42rem;
	}
}

/* ========================================================
 * FONT SIZE
======================================================== */
@media all and (max-width:1536px){
	html{font-size:0.6510vw;} /* 10 */
}
@media all and (max-width:1280px){
	html{font-size:0.8594vw;} /* 10 -> 11*/
}
@media all and (max-width:800px){
	html{font-size:1.375vw} /* 10 -> 11*/
}
@media all and (max-width:640px){
	html{font-size:1.7188vw}  /* 10 -> 11*/
}
@media all and ( max-width: 480px ){
	html{font-size:2.2vw}  /* 10 */
}
@media all and ( max-width: 412px ){
	html{font-size:2.4272vw}  /* 10 */
}
@media all and (max-width:390px){
	html{font-size:2.1795vw}  /* 10 -> 8.5 */
}

/* ========================================================
 * LAYOUT
======================================================== */
/* ****************** 공통클래스 ********************** */
@media all and (max-width:1800px){	/* max-width : (area-box width) + 60px */
	.area-max{padding:0 var(--area-padding); max-width:none;}
}

@media all and (max-width:1580px){	/* max-width : (area-box width) + 60px */
	.area-box{padding:0 var(--area-padding); max-width:none;}
}
@media all and (max-width:1260px){ 
	.area{padding:0 var(--area-padding); max-width:none;}
}
@media all and (max-width:1280px){ 
	.pc-br{display:none;}
	.display-m{display:block;}
	.display-pc{display:none;}
}
@media all and (max-width:800px){
	.display-m-800{display:block;}
	.display-pc-800{display:none;}
	.m-br{display:block;}
}

/* ****************** HEADER ********************** */
@media all and ( min-width:1921px ){
	#gm-gnb > ul{margin-left:auto;}
	#gm-gnb > ul > li:first-child{margin-left:20rem;}
}
@media all and (max-width:1800px){
	.gm-gnb-bottom-list{padding:0 var(--area-padding);}
	.gm-gnb-bottom-list .list-item{width:25vw;}
}
@media all and ( max-width: 1280px ){
	/* .gm-fullpage-html #gm-header{position: absolute;} */
	#gm-header{top:0;}
	#gm-headerInnerWrap{z-index:10000;}
	#gm-header.top-fixed #gm-headerInnerWrap{position:fixed;}
	
	#gm-header.gm-gnbM-open .logo svg *{fill:var(--main-color);}
	
	/* -------- Header :: UTIL BOX -------- */
	.gm-header-util-box{padding-right:70px;}
	/* Header :: 사이트맵 버튼 */
	.gm-sitemap-line-btn, .gm-sitemap-custom-btn{display:none;}
	
	.gm-header-link-btn-box{display: none;}

	/* -------- Header :: GNB(Pc) -------- */
	#gm-gnb{display:none;}
	.gm-gnb-overlay-bg{display:none}

	/* -------- Header :: GNB(Mobile/기본스타일) -------- */
	#gm-header.gm-gnbM-open:not(.gm-app-header){top:0 !important;}
	#gm-header.gm-gnbM-open .gm-nav-open-btn .line{background:#222 !important;}

	.gm-gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.5); z-index:9998;}	
	#gm-gnbM{ 
		display:block; 
		position: fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100svh;  
		max-width:280px; 
		background-color:#fff; 
		z-index:9999; 
		transition:var(--transition-custom);   
		visibility:hidden;
	}
	#gm-gnbM.open{
		right:0px; 
		visibility:visible;
	}
	/* GNB Mobile :: 레이아웃 */
	.gm-gnb-navigation-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:var(--header-height); overflow-y:auto;}
	.gm-header-util-menu-box + .gm-gnb-navigation-wrapper{padding-top:0; height:calc(100% - var(--header-height));}
	.gm-header-util-box .gm-header-event-banner{display: none;}
	.gm-gnb-navigation-wrapper:has(.gm-header-event-banner){display: flex; flex-direction: column; justify-content: space-between;}
	.gm-header-event-banner{position: relative; display: flex; flex-direction:column; justify-content: space-between; width: calc(28rem - 10vw); height: calc(28rem - 10vw); border-radius:1rem; background:#24aae1; padding:var(--area-padding); box-sizing:border-box; text-align:left; transition-delay: 0s; margin-left:var(--area-padding); margin-bottom:var(--area-padding); margin-top:2rem; top: auto; right: auto; opacity: 1; visibility: visible;}
	.gm-header-event-banner .txt-box{width:100%;}
	.gm-header-event-banner .txt{font-size:1.8rem; line-height:1.55; letter-spacing:-0.05em; color:#fff; font-family:var(--font-family2); font-weight:400;}
	.gm-header-event-banner .txt02{font-size:2.8rem; line-height:1.21; letter-spacing:-0.05em; color:#fff; font-family:var(--font-family2); font-weight:500; margin-top:1rem;}
	.gm-header-event-banner .link-box{display: flex; align-items:center; width:100%; font-size:1.8rem; color:rgba(255,255,255,0.6); font-weight:500;}
	.gm-header-event-banner .link-box i{font-size:2rem; font-weight:400;}
	.gm-header-event-banner .icon{position: absolute; bottom:3rem; right:3rem; width:7.3rem; height:7.4rem;}
	.gm-header-event-banner .icon img{width:100%; height:100%; filter: drop-shadow(2rem 2rem 1rem rgba(42, 42, 42, 0.3));}
	
	/* GNB Mobile :: 메뉴영역 :: 1차 */
	#gm-navigation > li{}
	#gm-navigation > li > a {position:relative; display:flex; align-items:center; padding:2.6rem var(--area-padding); font-size:2.1rem; font-weight:700; color: #000;}
	#gm-navigation > li > a em{font-weight:inherit;}
	#gm-navigation > li > a em .badge{display: none;}
	#gm-navigation > li.gm-gnb5 > a em:after{display: none !important; content: none !important;}
	#gm-navigation > li.active > a{}
	#gm-navigation > li.has-2dep > a:before{font-family:xeicon; content: "\e942"; position:absolute; top:50%; right:var(--area-padding); font-size:3.2rem; transform:translateY(-50%); transition:var(--transition-custom); font-weight:400;}
	#gm-navigation > li.has-2dep.active > a:before{transform:translateY(-50%) rotate(180deg);}
	/* GNB Mobile ::  메뉴영역 :: 2차 */
	#gm-navigation > li .gm-gnb-2dep{display:none; margin: 0; padding: 0.6rem 0 1.3rem; background-color:#F6F6F6; border-radius: 0;}
	#gm-navigation > li .gm-gnb-2dep > ul > li{height:auto !important;}
	#gm-navigation > li .gm-gnb-2dep > ul > li > a{display:block; color:#000; font-size:1.8rem; font-weight: 500; padding: 1.3rem var(--area-padding); text-align: left;}
	#gm-navigation > li .gm-gnb-2dep > ul > li > a .gm-gnb-2deps-img-m{display: inline-block !important; color:var(--main-color); background:#fff; font-size:12px; border-radius:3px; margin-left:5px; margin-top:-1px; padding: 3px 5px; font-weight:500;}
	#gm-navigation > li .gm-gnb-2dep > ul > li > a .new{position: relative; top: -2px; left: 3px;}
	#gm-navigation > li .gm-gnb-2dep > ul > li.on > a{}
	#gm-navigation > li .gm-gnb-2dep > ul > li > a br{display: none;}
	/* GNB Mobile :: 메뉴영역 ::  3차 */
	#gm-navigation > li .gm-gnb-2dep > ul > li > .gm-gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
	#gm-navigation > li .gm-gnb-2dep > ul > li > .gm-gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#gm-navigation > li .gm-gnb-2dep > ul > li > .gm-gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
	
	/* #gm-navigation > li.gm-gnb7{display: none;} */

	/* -------- GNB Mobile :: 스타일2 (Full Style) -------- */
	#gm-gnbM.gm-gnb-style-full{ 
		top:0; 
		right:-100%;
		width:100%; 
		height:100%;  
		max-width:none; 
	}
	#gm-gnbM.gm-gnb-style-full.open{
		right:0px; 
	}
	.gm-gnb-style-full .gm-gnb-navigation-wrapper{height:auto; width:100%; position:absolute; top:0px; /* top: var(--header-height); */ bottom:0px; left:0; /* padding-top:0; */}
	.gm-gnb-style-full .gm-header-util-menu-box + .gm-gnb-navigation-wrapper{top:var(--header-height); }
	.gm-gnb-style-full-member .gm-gnb-navigation-wrapper{bottom:var(--header-height);}
	.gm-gnb-style-full .gm-gnb-navigation-inner{display:flex; flex-direction: column; align-items: center; justify-content: space-between; width:100%; height:100%;}
	.gm-gnb-style-full #gm-navigation{
		display:table-cell;
		vertical-align:top;
		/* padding-top: var(--header-height); */
		width:100%;
	}
	.gm-gnb-style-full #gm-navigation > li{
		text-align:center; 
		opacity:0;
		transform:translateY(-20px);
		transition:all 0s 0s;
	}
	.gm-gnb-style-full #gm-navigation > li > a {}
	.gm-gnb-style-full #gm-navigation > li .gm-gnb-icon i{display:none;}
	.gm-gnb-style-full.open #gm-navigation > li{
		opacity:1.0;
		transform:translateY(0px); 
		transition:transform 0.8s, opacity 0.8s;
	}
	.gm-gnb-style-full.open #gm-navigation > li:nth-child(1){transition-delay:0.3s;}
	.gm-gnb-style-full.open #gm-navigation > li:nth-child(2){transition-delay:0.4s;}
	.gm-gnb-style-full.open #gm-navigation > li:nth-child(3){transition-delay:0.6s;}
	.gm-gnb-style-full.open #gm-navigation > li:nth-child(4){transition-delay:0.7s;}
	.gm-gnb-style-full.open #gm-navigation > li:nth-child(5){transition-delay:0.9s;}
	.gm-gnb-style-full.open #gm-navigation > li:nth-child(6){transition-delay:1s;}
	.gm-gnb-style-full.open #gm-navigation > li:nth-child(7){transition-delay:1.1s;}

	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.gm-nav-open-btn{
		display:block; position: absolute; top:0; right:var(--area-padding); z-index:10000; 
		width: 40px; height: var(--header-height);
	}
	.gm-nav-open-btn .line{
		display:block; width:32px; height:3px; background-color:#fff; margin: 6px auto; border-radius:3px;
	    transition:var(--transition-custom); 
	}
	.gm-nav-open-btn.active .line{background-color:#000;}
	.gm-nav-open-btn.active .line:nth-child(1){
		  transform: translateY(9px) rotate(45deg);
	}
	.gm-nav-open-btn.active .line:nth-child(2){opacity:0;}
	.gm-nav-open-btn.active .line:nth-child(3){
		  transform: translateY(-9px) rotate(-45deg);
	}

	/* .gm-sub-wrap #gm-header:before{transform: translateY(0);} */
	.gm-sub-wrap .gm-nav-open-btn .line{background-color: #333;}
	.gm-sub-wrap #gm-header .logo svg rect,
	.gm-sub-wrap #gm-header .logo svg path{fill:rgb(214, 8, 18);}
	
	.gm-white-ver .gm-nav-open-btn .line{background-color: #fff;}
	#gm-header.top-fixed .gm-nav-open-btn.active{top: 0;}
	#gm-header.top-fixed .logo svg rect,
	#gm-header.top-fixed .logo svg path,
	.gm-sub-wrap #gm-header.top-fixed .logo svg rect,
	.gm-sub-wrap #gm-header.top-fixed .logo svg path{fill:rgb(214, 8, 18);}
	#gm-header.top-fixed .gm-nav-open-btn{position: fixed;}
	#gm-header.top-fixed .gm-nav-open-btn .line{background-color:#333}
	#gm-header.top-fixed .gm-header-lang-list li{color:#222;}
	#gm-header.top-fixed .gm-header-lang-list li a{color:#222;}
	#gm-header.top-fixed .gm-header-lang-list li a:after{background-color:#222;}
	
	#gm-gnbM .gm-header-link-btn-box-m{display: block; width: 100%;}
	#gm-gnbM .gm-header-link-btn-box-m .link-btn{width: 100%; padding: 2.6rem var(--area-padding); text-align: left; box-sizing: border-box; display: block; opacity:0; transform:translateY(-20px); transition:all 0s 0s;}
	#gm-gnbM .gm-header-link-btn-box-m .link-btn span{font-size:1.8rem; color:#000; font-weight:700;}
	#gm-gnbM .gm-header-link-btn-box-m .link-btn i{margin-left: 0.2rem; font-size:2.4rem; transform:rotate(-45deg) translateX(-0.2rem); color:#000; font-weight: 400;}
	
	#gm-gnbM .gm-header-online-btn-m{margin-top: 1rem; width: 100%; padding: 0 var(--area-padding) var(--area-padding); box-sizing: border-box; opacity:0; transform:translateY(-20px); transition:all 0s 0s;}
	#gm-gnbM .gm-header-online-btn-m a{width: 100%; padding: var(--area-padding); position: relative; background-color: rgba(0,104,255,0.08); border-radius: 0.8rem; box-sizing: border-box; display: block;}
	#gm-gnbM .gm-header-online-btn-m a:after{position: absolute; top: 50%; right: var(--area-padding); transform: translateY(-50%); width: 3.2rem; height: 3.2rem; font-size: 2rem; color: #0068FF; border-radius: 100%; background-color: #dbe8ff; content: "\e907"; font-family: xeicon; display: flex; align-items: center; justify-content: center;}
	#gm-gnbM .gm-header-online-btn-m a h5{font-size: 2rem; font-weight: 700; color: var(--main-color);}
	#gm-gnbM .gm-header-online-btn-m a h5 span {position: relative; top: -0.4rem; display: inline-block; height: 2.5rem; margin-left: 0.4rem; vertical-align: middle;}
	#gm-gnbM .gm-header-online-btn-m a h5 span img {max-height: 100%;}
	#gm-gnbM .gm-header-online-btn-m a h5 span i {font-size: 2.2rem; line-height: 2.5rem; color: var(--main-color);}
	#gm-gnbM .gm-header-online-btn-m a p{margin-top: 1rem; font-size: 1.7rem; line-height: 1.6; color: #999;}
	
	#gm-gnbM.gm-gnb-style-full.open .gm-header-online-btn-m,
	#gm-gnbM.gm-gnb-style-full.open .gm-header-link-btn-box-m .link-btn{opacity:1.0; transform:translateY(0px); transition:transform 0.8s, opacity 0.8s;}
	#gm-gnbM.gm-gnb-style-full.open .gm-header-link-btn-box-m .link-btn:nth-child(1){transition-delay:1.2s;}
	#gm-gnbM.gm-gnb-style-full.open .gm-header-link-btn-box-m .link-btn:nth-child(2){transition-delay:1.3s;}
	#gm-gnbM.gm-gnb-style-full.open .gm-header-online-btn-m{transition-delay:1.4s;}
}
@media all and ( max-width: 800px ){
	.logo svg{transform: translateX(-47px);}
	.logo svg .symbol{display: none;}
}


/* ****************** FOOTER ********************** */
@media all and (max-width:1280px){
	#gm-footerInquiry{padding:6rem 3rem;}
	#gm-footerInquiry .gm-footer-inquiry-txt-box .gm-inquiry-tit{font-size:4rem;}
	#gm-footerInquiry .gm-footer-inquiry-txt-box .gm-inquiry-txt{font-size:1.8rem;}

	/* 푸터 :: 정보 */
	.gm-footer-info-box{margin-left:3rem;}
	.gm-footer-info-box .gm-footer-info-list .list-item{min-width:10rem;}
}
@media all and (max-width:800px){
	/* -------- FOOTER :: 레이아웃 -------- */
	#gm-footer{padding-top:var(--area-padding);}

	#gm-footerInquiry{display: block; padding:6.4rem 2rem 3rem; border-radius:1.6rem;}
	#gm-footerInquiry .gm-footer-inquiry-txt-box{width:100%; padding: 0 2rem; margin-bottom:7rem; box-sizing: border-box;}
	#gm-footerInquiry .gm-footer-inquiry-txt-box .gm-inquiry-tit{font-size:2.4rem;}
	#gm-footerInquiry .gm-footer-inquiry-txt-box .gm-inquiry-txt{font-size:1.6rem; }
	#gm-footerInquiry .gm-footer-inquiry-btn-box{width:100%; max-width:none;}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item{padding: 2rem 3rem;}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box{width:calc(100% - 4.5rem)}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt01{font-size:2.4rem;}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02{font-size:1.4rem;}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02 span{margin-right:2rem;}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .txt-box .txt02 span:before{top:0.7rem; right:-1rem; height:1rem;}

	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box{width:5.1rem; height:5.1rem;}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item .icon-box svg{width:3.2rem; height:3.2rem;}
	#gm-footerInquiry .gm-footer-inquiry-btn-box .btn-item:last-child .icon-box svg{width:2.6rem; height:2.6rem;}

	#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: block;}
	#gm-footerBottom{padding-bottom:4rem; align-items:center;}

	/* 푸터 :: 고객센터 + 쇼핑몰 */
	.gm-footer-custom-btn{display: none;}

	/* 푸터 :: 텍스트박스 */
	.gm-footer-txt-box{}
	.gm-footer-txt-box .gm-footer-copyright{text-align:left;}

	/* 푸터 :: 정보 */
	.gm-footer-info-wrap{flex-wrap:wrap;}
	.gm-footer-info-box{margin-left:0rem; width:50%; margin-top:5.5rem;}
	.gm-footer-info-box:first-child{width:100%;}
	.gm-footer-info-box .gm-footer-info-list .list-item dt{width:8.8rem;}
	.gm-footer-info-box .gm-footer-info-list .list-item dd{width:calc(100% - 8.8rem);}

	/* 푸터 :: 약관 */
	.gm-foot-menu{justify-content: center;}
	
	.gm-footer-m-btn{display: flex; justify-content:space-between; margin-top:4rem;}
	.gm-footer-m-btn a{display: flex; align-items:center; justify-content:center; width:calc(50% - 0.6rem); height:4rem; border:1px solid; box-sizing:border-box; font-size:1.4rem; letter-spacing:-0.05em; font-weight:700; border-radius:0.6rem;}
	.gm-footer-m-btn a i{margin-left:2rem;}
	.gm-footer-m-btn a:nth-child(1){color:var(--main-color); border-color:var(--main-color);}
	.gm-footer-m-btn a:nth-child(2){color:#fff; border-color:#fff;}
}

/* ****************** SUB LAYOUT ********************** */
@media all and (max-width:1440px){
	#gm-visual{width:100%; left:0;}
	#gm-visual .gm-visual-txt-container{box-sizing:border-box;}
	#gm-topMenu01{width:calc(100% - 7rem);}
	#gm-topMenu01 .area{box-sizing:border-box;}
}
@media all and (max-width:1300px){
	#gm-content:not(.wide){padding:100px var(--area-padding)}
	#gm-content.wide{padding:100px 0 0 0}
}
@media all and (max-width:1280px){
	#gm-visual .gm-visual-txt-container{width:calc(100% - (2 * var(--area-padding))); box-sizing: border-box;}
	#gm-topMenu01 .gm-side-menu-inner .area{padding:0;}
	
	#gm-contentInfoCon.gm-content-title-location .location{width:100%; margin-top:2rem;}
}
@media all and (max-width:1260px){ 
	#gm-contentBannerVisual .area{padding:0 calc(var(--area-padding) * 2);}
	.gm-rental-online-info-box {left: calc(var(--area-padding) + 1.6rem); right: calc(var(--area-padding) + 1.6rem);}
	/* 금명 강점 :: 콜센터/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 {padding: 0 2rem;}
}
@media all and (max-width:800px){
	#gm-container{margin-top: var(--header-height); position: relative;}
	/*  SUB LAYOUT :: 비주얼 */
	#gm-visual{display: none;}
	#gm-visualM{display: block; left: var(--area-padding); width: calc(100% - (2 * var(--area-padding)));}
	.gm-wrap-company-online_list #gm-visualM,
	.gm-wrap-company-online #gm-visualM{top: 8rem;}
	#gm-visualM .gm-visual-img-inner{border-radius: 1.6rem;}
	/* #gm-visual .table-cell-layout {padding-bottom: 11rem;}
	#gm-visual .gm-visual-tit{font-size:4.8rem; font-size: 3.8rem;} */
	/*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
	#gm-topMenu01,
	#gm-topMenu02,
	#gm-topMenu03{display:none}
	/* -------- SUB LAYOUT :: 서브메뉴 모바일 -------- */
	#gm-topMenuM{margin-top: calc(-1 * var(--sub-menu-height)); display:block; position:absolute; z-index: 999; top:0; left:0; width:100%;}
	#gm-topMenuM .gm-top-menu-wrapper{position:absolute; top:0; left:0; right:0; height:var(--sub-menu-height); }
	#gm-topMenuM .gm-top-menu-inner{position:relative; height:var(--sub-menu-height);}
	#gm-topMenuM .gm-menu-location{position:relative; box-sizing:border-box; width:100%; background-color: rgba(255,255,255,0.05); backdrop-filter: blur(10px); }
	#gm-topMenuM .gm-menu-location > .gm-cur-location{position:relative; display:block; width:100%; text-align:left; height:var(--sub-menu-height); padding:0 var(--area-padding); padding-right:calc(var(--area-padding) + 3rem); box-sizing:border-box;}
	#gm-topMenuM .gm-menu-location > .gm-cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:var(--sub-menu-height); color:#fff; font-weight:700; font-size:1.8rem;}
	#gm-topMenuM .gm-menu-location > .gm-cur-location .arrow{position:absolute; top:50%; right:var(--area-padding); width:2rem; height:2rem; margin-top:-1rem; font-size:1.8rem; color: #fff;}
	#gm-topMenuM .gm-menu-location .gm-location-menu-con{display:none; position:absolute; top:100%; left:-1px; right:-1px; border-bottom:1px solid #ddd; background-color:#fff; z-index:11; }
	#gm-topMenuM .gm-menu-location .gm-location-menu-con li{border-top:1px solid #eee;}
	#gm-topMenuM .gm-menu-location .gm-location-menu-con li a{display:flex; align-items:center; width:100%; height:35px; padding:0 var(--area-padding); font-size:14px; line-height:1.5; word-break:keep-all; box-sizing:border-box;}
	#gm-topMenuM .gm-menu-location .gm-location-menu-con li a br{display: none;}
	#gm-topMenuM .gm-menu-location .gm-location-menu-con li a .new{display: none;}
	#gm-topMenuM .gm-menu-location .gm-location-menu-con li.on{position:relative;}
	#gm-topMenuM .gm-menu-location .gm-location-menu-con li.on a{color:var(--main-color); font-weight:500;}
	/* Home 버튼 있을때 */
	#gm-topMenuM .gm-location-to-home-btn + .gm-top-menu-inner{padding-left:var(--sub-menu-height)}
	#gm-topMenuM .gm-location-to-home-btn{position:absolute; width:var(--sub-menu-height); height:var(--sub-menu-height); left:0px; top:0px; text-align:center; }
	#gm-topMenuM .gm-location-to-home-btn i{color:var(--main-color); font-size:20px; line-height:var(--sub-menu-height);}
	/* 2depth 있을때 */
	#gm-topMenuM .gm-menu-2dep{display:flex;}
	#gm-topMenuM .gm-menu-2dep .gm-menu-location{width:50%; border-left:1px solid #ddd;}
	#gm-topMenuM .gm-menu-2dep .gm-menu-location.loaction2{}
	#gm-topMenuM .gm-menu-2dep .gm-menu-location .gm-location-menu-con{border:1px solid #ddd; border-top:0; }
	/* Menu OPEN */
	#gm-topMenuM .gm-menu-location.open > .gm-cur-location .arrow{transform:rotate(-180deg); margin-top:-10px;}
	
	/* 3depth 있을때 */
	#gm-contentInfoCon.gm-content-title-location .location ul{justify-content: center;}
	#gm-contentInfoCon.gm-content-title-location .location li{border: 2px solid #eee; width:30%; height:4.5rem; font-size:1.5rem;}
	#gm-contentInfoCon.gm-content-title-location .location li.on{border: 2px solid #f04137;}
	#gm-contentInfoCon.gm-content-title-location .location li a svg,
	#gm-contentInfoCon.gm-content-title-location .location li a img{display: none;}

	/*  SUB LAYOUT :: 상단정보 (공통) */
	#gm-contentInfoCon{margin:0 auto 16rem; margin-bottom: 10rem;}
	.gm-content-info-box{height: calc(42rem - var(--area-padding)); display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.gm-content-info-box .area{width: 100%; box-sizing: border-box; padding: 0 calc(var(--area-padding) + 2rem);}
	#gm-contentInfoCon .gm-content-info-box.gm-difference-wrap.gm-difference-wrap{display: none;}
	#gm-contentInfoCon .gm-content-tit{font-size: 5.6rem; font-size: 3.8rem; line-height:1.4;}
	#gm-contentInfoCon .gm-content-sub-tit{margin-top:1.6rem; font-size:2.4rem; font-size: 1.8rem; line-height:1.6;}
	#gm-contentInfoCon .gm-content-sub-tit .pc-br{display: none;}
	
	.gm-sub-middleArea-strength #gm-contentInfoCon .gm-content-tit,
	.gm-sub-middleArea-strength #gm-contentInfoCon .gm-content-sub-tit,
	#gm-content > #gm-contentInfoCon .gm-content-tit,
	#gm-content > #gm-contentInfoCon .gm-content-sub-tit,
	#gm-content > #gm-contentInfoCon .gm-content-sub-tit b,
	.gm-cm-has-tab-left + #gm-contentInfoCon .gm-content-tit,
	.gm-cm-has-tab-left + #gm-contentInfoCon .gm-content-sub-tit,
	.gm-cm-has-tab-right > #gm-contentInfoCon .gm-content-tit,
	.gm-cm-has-tab-right > #gm-contentInfoCon .gm-content-sub-tit{color: #fff;}
	
	.gm-sub-middleArea-strength #gm-contentInfoCon,
	.gm-cm-has-tab-left + #gm-contentInfoCon .gm-content-info-box,
	.gm-cm-has-tab-right > #gm-contentInfoCon{height: calc(36rem - 2rem); display: flex; flex-direction: column; align-items: center; justify-content: center;}

	/*  SUB LAYOUT :: 상단배너 */
	#gm-contentBannerVisual{margin-top:8rem;}
	#gm-contentBannerVisual .gm-banner-img-box{/* height:40rem; */ height: 300px;}
	#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt{/* font-size:3.2rem; */ font-size: 2.6rem; line-height:1.6;}
	#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt .pc-br{display: none;}
	#gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt2{/* margin-top: 1.6rem; font-size:1.8rem; */ margin-top: 1.2rem; font-size: 1.6rem; line-height:1.6;}
	#gm-contentBannerVisual .gm-banner-img-box .gm-banner-btn{margin-top: 3rem; padding: 0 2rem; width: 22rem; height: 5.8rem; font-size: 2rem;}
	/* 온라인문의 추가 css */
	.gm-content-company-online #gm-contentBannerVisual .gm-banner-img-box{height: 285px;}
	.gm-online-list-page .gm-cm-has-tab-right #gm-contentInfoCon,
	.gm-cm-has-tab-left + #gm-contentInfoCon.gm-online-css .gm-content-info-box,
	.gm-cm-has-tab-right > #gm-contentInfoCon.gm-online-css{margin-top: 2rem; height: 42rem;}
	/* 서브페이지 추가 css */
	.gm-sub-middleArea-company #gm-contentInfoCon {height: calc(36rem - 2rem); display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.gm-sub-middleArea-company .gm-cm-has-tab-con #gm-contentInfoCon {height: calc(42rem - 2rem);}
	.gm-sub-middleArea-company #gm-contentInfoCon .gm-content-tit,
	.gm-sub-middleArea-company #gm-contentInfoCon .gm-content-sub-tit {color: #fff;}
	.gm-sub-middleArea-reference #gm-contentInfoCon {height: calc(36rem - 2rem); display: flex; flex-direction: column; align-items: center; justify-content: center;}
	/* .gm-sub-middleArea-reference .gm-cm-has-tab-con #gm-contentInfoCon {height: calc(42rem - 2rem);} */
	.gm-sub-middleArea-reference .gm-cm-has-tab-right #gm-contentInfoCon {height: calc(42rem - 2rem); padding-left: var(--area-padding); padding-right: var(--area-padding); box-sizing: border-box;}
	.gm-sub-middleArea-reference #gm-contentInfoCon .gm-content-tit,
	.gm-sub-middleArea-reference #gm-contentInfoCon .gm-content-sub-tit {color: #fff;}
	/* .gm-wrap-reference-news #gm-visualM,
	.gm-wrap-reference-intro_video #gm-visualM{top: 8rem;} */
	.gm-online-list-page .gm-cm-has-tab-right #gm-contentInfoCon{display: none;}
	/* .gm-news-page .gm-cm-has-tab-right #gm-contentInfoCon, 
	.gm-intro-video-page .gm-cm-has-tab-right #gm-contentInfoCon {display: none;}*/
	.gm-wrap-reference-news #gm-content.wide,
	.gm-wrap-reference-intro_video #gm-content.wide {padding-top: 0 !important;}
	/* 금명 강점 :: 콜센터/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: 400px; /* padding: 0 3rem; */}
	.gm-content-strength-as #gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt{font-size:1.6rem;}
	.gm-content-strength-as #gm-contentBannerVisual .gm-banner-img-box .gm-banner-txt2{margin-top: 2rem; font-size:2.6rem;}

	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
	#gm-content:not(.wide){padding:8rem var(--area-padding); padding-top: 2rem !important;}
	#gm-content.wide{padding:8rem 0 0 0; padding-top: 2rem !important;}
	#gm-content.gm-content-company-online_list,
	#gm-content.gm-content-company-online{padding-top: 0 !important;}

}

/* ****************** MODAL LAYERPOPUP ********************** */
@media all and ( max-width: 800px ){
	/* modal layer content */
	.gm-footer-modal-content{width:auto; margin:50px 15px}
	.gm-footer-modal-content h1{font-size:18px; text-align:left; padding:0 30px 15px 0}
	.gm-modal-close-btn{right:-3px; top:-3px;}
	.gm-modal-close-btn i{font-size:24px}
	.gm-footer-inner-box{padding:15px}
	.gm-footer-inner{padding:10px; height:250px;}


	.gm-footer-modal-content.wide .gm-modal-close-btn{top:-3rem;}
}