@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2026-04-28
******************************************************** */
:root{
	--blue-color: #3E89FF;
	--rgb-blue-color: 46,125,250;
	--cm-con-padding: 16rem;
}
@media all and (max-width:1280px){
	:root{
		--cm-con-padding: 12rem;
	}
}
@media all and (max-width:800px){
	:root{
		--cm-con-padding: 10rem;
	}
}

/* ******************  서브공통 ********************** */
.area-sub {max-width:1680px; margin: 0 auto;}
.area-box2 {max-width:1680px; margin:0 auto;}
.area-box3 {max-width:1320px; margin:0 auto;}
#gm-topMenu04{box-sizing: border-box;}

@media all and (max-width:1740px){
	.area-sub {max-width:none; padding: 0 var(--area-padding);}
	.area-box2 {max-width:none; padding: 0 var(--area-padding);}	
}
@media all and (max-width:1380px){
	.area-box3 {max-width:none; padding: 0 var(--area-padding);}	
}

.gm-sub-wrap .gm-main-fixed-btn {width:8rem; height:8rem; right: 4rem; bottom:4rem;}
.gm-sub-wrap .gm-main-fixed-btn,
.gm-sub-wrap .gm-main-fixed-btn:before,
.gm-sub-wrap .gm-main-fixed-btn:after,
.gm-sub-wrap .gm-main-fixed-btn span{border-radius:50%;}

a[href^="tel:"]{cursor:auto;}

@media all and (max-width:800px){
	.gm-sub-wrap .gm-main-fixed-btn {right: var(--area-padding); bottom: var(--area-padding);}
	a[href^="tel:"]{cursor:pointer;}
}


/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.gm-cm-scroll-drag-guide{display:none;}

@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.gm-cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.gm-cm-scroll-drag-guide .gm-cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.gm-cm-scroll-drag-guide .gm-cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.gm-cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.gm-cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.gm-cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일(페이지 탭) */
.page-tab-wrapper-style{position:relative;}
.page-tab-list-style ul{padding: 1rem; display: flex; flex-direction: column; justify-content:center; align-items: center; background-color:#F5F5F5; border-radius:1.2rem;}
.page-tab-list-style ul li{display:block; vertical-align:middle; position:relative; width: 100%; box-sizing:border-box;}
.page-tab-list-style ul li + li{margin-top: 1rem;}
.page-tab-list-style ul li a{display:table; height:4rem; width:100%; border-radius: 0.8rem;}
.page-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:1.6rem; line-height: 1.3; letter-spacing:-0.04em; font-weight: 600; text-align:center;}
.page-tab-list-style ul li.selected{z-index:1;}
.page-tab-list-style ul li.selected a{background-color: #000;}
.page-tab-list-style ul li.selected a em{color:#fff;}
/* Tab 공통 스타일(컨텐츠 탭) */
.gm-sub-tab-wrapper-style{position:relative; margin-bottom:8rem; text-align: center;}
.gm-sub-tab-list-style ul{padding: 0.6rem; display: inline-flex; justify-content:center; align-items: center; background-color:#fff; border-radius:0.8rem;}
.gm-sub-tab-list-style ul li{display:block; vertical-align:middle; position:relative; width: 18rem; box-sizing:border-box;}
.gm-sub-tab-list-style ul li a{display:table; height:4.2rem; width:100%; border-radius: 0.8rem; font-weight: 500;}
.gm-sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#999; font-size:1.6rem; line-height: 1.3; letter-spacing:-0.02em; font-weight: inherit; text-align:center; /* font-family: var(--font-family2); */}
.gm-sub-tab-list-style ul li.selected{z-index:1;}
.gm-sub-tab-list-style ul li.selected a{font-weight: 700; background-color: #000;}
.gm-sub-tab-list-style ul li.selected a em{color:#fff;}
/* Tab Fixed Move*/
.gm-sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.gm-sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.gm-sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.gm-sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}
@media all and (max-width:1220px){
	.gm-sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.gm-sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일(페이지 탭) */
	.page-tab-wrapper-style{padding: 0; /* margin-bottom: 5rem; */}
	.page-tab-list-style ul{flex-direction: initial;}
	.page-tab-list-style ul li + li{margin-top: 0;}
	.page-tab-list-style ul li a{height:4rem; width:100%;}
	.page-tab-list-style ul li a em{font-size:1.6rem; line-height: 1.3;}
	/* .page-tab-list-style ul li.selected a{background-color: transparent;} */
	/* Tab 공통 스타일(컨텐츠 탭) */
	.gm-sub-tab-wrapper-style,
	.gm-sub-tab-list-style.top-fixed,
	.gm-sub-tab-list-style ul li a{height:5rem;}
	.gm-sub-tab-wrapper-style{margin-bottom:5rem; text-align: left;}
	.gm-sub-tab-list-style ul{padding: 0;}
	.gm-sub-tab-list-style ul li a em{font-size:1.5rem;}
	.gm-sub-tab-list-style ul li.selected a{background-color: transparent;}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.gm-sub-drop-menu-style{position:relative; padding:0}
	.gm-sub-drop-open-btn-style{display:block; position:relative; padding:0 3rem; height:5.6rem; line-height:5.6rem; font-size:1.6rem; background-color:#000; box-sizing:border-box; border-radius:2.8rem; margin-bottom:0rem; z-index:12;}
	.gm-sub-drop-open-btn-style span{color:#fff; font-weight: 700;}
	.gm-sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:3rem; margin-top:-7px}
	.gm-sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.gm-sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:calc(100% - 2.8rem); left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; border-radius:0 0 1rem 1rem; padding-top: 2.8rem;}
	.gm-sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; border-radius:0;}
	.gm-sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.gm-sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:1rem 1.5rem; border:0;}
	.gm-sub-drop-menu-style ul li a em{font-size:1.5rem; color:#000 !important}
	.gm-sub-drop-menu-style ul li.selected{background-color:transparent;}
	.gm-sub-drop-menu-style ul li.selected a em{color:var(--main-color) !important; font-weight:700;}
	
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.gm-sub-tab-list-style.top-fixed{top:60px;}
}

/* -------- 공통 :: 페이징  -------- */
/* PAGING */
.bbs-bottom-list-box{margin-top: 4rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; flex-direction: row-reverse;}
.paging-style04{display:flex; justify-content:center; text-align:center; flex-wrap:wrap;}
.paging-style04 a{position:relative; display:block; width:4rem; height:4rem; line-height:4rem; margin-bottom: 0.2rem; margin-right: 0.2rem; border:1px solid #F5F5F5; text-align:center; font-size:1.4rem; color:#000; letter-spacing:-0.01em; background-color:#F5F5F5; border-radius: 0.6rem;}
.paging-style04 a.cur{border-color:#000; background-color:#fff;}
.paging-style04 a.paging-arrow{border-color: #fff; background-color: #fff;}
.paging-style04 a.paging-arrow i{position:relative; top:-0.1rem; vertical-align:middle; color:inherit; font-size:2rem;}
.paging-style04 .paging-first i,
.paging-style04 .paging-last i{transform:translateX(-8px)}
.paging-style04 .paging-first i:before,
.paging-style04 .paging-last i:before{display:block;width:0.5rem}

.bbs-bottom-list-box .page-num{display: flex; align-items: center;}
.bbs-bottom-list-box .page-num .current{display:block; width:4rem; height:4rem; line-height:4rem; margin-right: 0.2rem; border:1px solid #000; text-align:center; font-size:1.4rem; color:#000; letter-spacing:-0.01em; background-color:#fff; border-radius: 0.5rem; appearance: none;}
.bbs-bottom-list-box .page-num .current::-ms-clear {display: none;}
.bbs-bottom-list-box .page-num .slash{margin: 0 1rem; font-size: 1.4rem; letter-spacing:-0.01em; color: #000;}
.bbs-bottom-list-box .page-num .total{font-size: 1.4rem; letter-spacing:-0.01em; color: #000; font-weight: 600;}

@media all and (max-width:800px) {
	.bbs-bottom-list-box{margin-top: 4rem; flex-direction: initial;}
	.bbs-bottom-list-box form{width: 100%;}
	.paging-style04{width: 100%;}
	.bbs-bottom-list-box .page-num{margin-bottom: 2rem; width: 100%; justify-content: center;}
}


/* -------- 공통 :: 원형 탭 -------- */
.gm-sub-page .bbs-top-list-box .board-search-box {width: 400px;}
.gm-sub-page .search-style-radius .board-search-inner {background-color: #fff; border: 2px solid #eee; height: 60px;}
.gm-sub-page .search-style-radius .board-custom-select-box .custom-select-trigger {padding-left: 3.8rem; padding-right: 0; font-size: 18px; color: #222; font-weight: 500;}
.gm-sub-page .board-search-box .bbs-search-btn {padding-right: 3.8rem;}
.gm-sub-page .custom-select-trigger:after {right: 8px;}
.gm-sub-page .board-search-box .board-custom-select-box {width: 115px;}
.gm-sub-page .board-search-box .board-custom-select-box + .search-word {width: calc(100% - 172px);}
.gm-sub-page .board-search-box .board-custom-select-box + .search-word::placeholder {font-size: 18px; font-weight: 500; color: rgba(34, 34, 34, 0.3); letter-spacing: -0.54px;}
.gm-sub-page .gm-total-list-con {font-size: 18px;}
.gm-sub-page .gm-total-list-con b {color: #f04137;}

/* -------- 공통 :: 컨텐츠 영역 -------- */
.gm-cm-sub-con{}
.gm-cm-sub-con + .gm-cm-sub-con{margin-top: var(--cm-con-padding);}

/* -------- 공통 :: 타이틀-------- */
.gm-cm-sub-title-box{margin-bottom: 6.4rem; text-align: center;}
.gm-cm-sub-title-box strong{font-size: 2rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: var(--main-color);}
.gm-cm-sub-title-box h5{margin-top: 1.6rem; font-size: 3.2rem; line-height: 1.45; letter-spacing: -0.03em; font-weight: 700; color: #000; font-family: var(--font-family2);}
.gm-cm-sub-title-box p{margin-top: 1.6rem; font-size: 1.6rem; line-height: 1.45; letter-spacing: -0.05em; font-weight: 500; color: #767676;}
.gm-cm-sub-title-box span {margin-top: 1.6rem; font-size:1.6rem; line-height: 1.45; letter-spacing:-0.05em; font-weight: 500; color: #555;  display:inline-block;}

@media all and (max-width:800px){
	.gm-cm-sub-title-box{margin-bottom: 4.5rem;}
	.gm-cm-sub-title-box strong{font-size: 1.8rem; line-height: 1.6;}
	.gm-cm-sub-title-box h5{margin-top: 1.6rem; font-size: 2.6rem; line-height: 1.45;}
	.gm-cm-sub-title-box p{margin-top: 1.6rem; font-size: 1.6rem; line-height: 1.45;}
	.gm-cm-sub-title-box span {margin-top: 1.6rem; font-size:1.6rem; line-height:1.45;}
}

/* -------- 공통 :: 유리 스타일 */
:root{
	--glass-border-radius: 100%;
}
.glass-boxed					{
	overflow: hidden;
	position: relative;
	padding-block: 20px;
	padding-inline: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--glass-border-radius);
	border: 2px solid; border-image-source: linear-gradient(115.65deg, rgba(255, 255, 255, 0.5) 10.08%, rgba(255, 255, 255, 0) 61.65%, rgba(255, 255, 255, 0.5) 85.09%); box-sizing: border-box;
}
.glass-boxed.circle{ border-radius: 50%; }
.glass-boxed .pos-relative{ position: relative; z-index: 2; }
.glass-boxed [class*="liquid-"]	{ position: absolute; inset: 0 0 0 0; border-radius: var(--glass-border-radius);}
.glass-boxed .liquid-effect{
	overflow: hidden;
	z-index: 0;
	isolation: isolate;
	backdrop-filter: blur(7px);
	filter: url(#gm-glass-distortion);
	border-radius: var(--glass-border-radius);
}
.glass-boxed .liquid-tint{ z-index: 1; background: rgba(255,255,255,0.05); }
.glass-boxed .liquid-shine{
	overflow: hidden; z-index: 2;
	border-radius: var(--glass-border-radius);
	box-shadow: inset 1px 1px 1px 0 rgba(255,255,255,0.1), 
				inset -1px -1px 1px 0px rgba(255,255,255,0.1);
}
/* 글라스 박스 스타일 */
.glass-boxed	{
	width: 100%; height: 440px; border-radius: 8px;
	align-items: flex-end; justify-content: flex-start;
}

/* -------- 공통 :: 메뉴탭 포함한 컨텐츠 영역 -------- */
.gm-cm-has-tab-con{max-width: 1680px; margin: 0 auto; position: relative;}

.gm-cm-has-tab-left{position: absolute; top: 0; left: 0; width: 16rem; z-index: 20;}
.gm-cm-has-tab-left.top-fixed {position: fixed; top: var(--header-height);}
.gm-cm-has-tab-left.bottom-fixed {position: absolute; top: auto; bottom: 0; left: 0;}
	
.gm-cm-has-tab-right{width: 100%; box-sizing: border-box; position: relative;}
.gm-cm-has-tab-right #gm-contentInfoCon{display: block;}

@media all and (max-width:1740px){
	/* .gm-cm-has-tab-con{padding:0 var(--area-padding); max-width:none;} */
	.gm-cm-has-tab-left{left: var(--area-padding);}
	/* .gm-cm-has-tab-right{margin-left: 20rem; padding: 0 !important; width: calc(100% - 20rem);} */
}
@media all and (max-width:800px){
	.gm-cm-has-tab-left{position: static; width: 100%; padding: 0 var(--area-padding); box-sizing: border-box;}
	.gm-cm-has-tab-right{margin-left: 0; width: 100%;}
	
	.gm-cm-has-tab-left .page-tab-wrapper-style {height: 6rem;}
	.gm-cm-has-tab-left .page-tab-list-style {position: fixed;  width: calc(100% - 2*(var(--area-padding))); left: 50%; transform:translateX(-50%); transition:all 0.4s ease-in-out;}
	.gm-cm-has-tab-left .page-tab-list-style.top-fixed {width: 100%; top: var(--header-height); z-index: 99;}
}

/* ****************** 01 주차시스템 렌탈 :: 01 온라인 문의 :: 문의하기 ********************** */
.gm-online-page{padding-bottom: var(--cm-con-padding);}

.gm-rental-online-info-box{margin-bottom: 12rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.gm-rental-online-info-box-item{padding: 0 4rem; width: calc(50% - 0.4rem); height: 6.4rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; box-sizing: border-box; position: relative; border-radius: 1.6rem;}
.gm-rental-online-info-box-item:before {content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; z-index: 9; pointer-events: none;     background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.01) 40%, rgba(255, 255, 255, 0.01) 60%, rgba(255, 255, 255, 0.3) 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.gm-rental-online-info-box-item:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.6rem; content: ''; opacity: 0; transition: var(--transition-custom); transition-property: opacity;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3429+0,b5241c+100 */
background: linear-gradient(135deg,  rgba(255,52,41,1) 0%,rgba(181,36,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.gm-rental-online-info-box-item [class*="liquid-"]{ position: absolute; inset: 0 0 0 0; border-radius: 1.6rem;}
.gm-rental-online-info-box-item .liquid-effect{overflow: hidden; z-index: 0; isolation: isolate; backdrop-filter: blur(7px); filter: url(#gm-glass-distortion-main); border-radius: 1.6rem;}
.gm-rental-online-info-box-item .liquid-tint{z-index: 1; background-color: rgba(0,0,0,0.5); transition: var(--transition-custom); transition-property: background-color;}
.gm-rental-online-info-box-item .tit{font-size: 1.6rem; letter-spacing: -0.05em; font-weight: 700; color: #fff; position: relative; z-index: 1;}
.gm-rental-online-info-box-item .tit i {position: relative; margin-right: 0.8rem; top: 0.2rem;}
.gm-rental-online-info-box-item .info{position: relative; z-index: 1; display: flex; flex-wrap:wrap; align-items: center;}
.gm-rental-online-info-box-item .info li{font-size: 1.4rem; letter-spacing: -0.05em; color: rgba(255,255,255,0.7);}
.gm-rental-online-info-box-item .info li + li{margin-left: 2.6rem; position: relative;}
.gm-rental-online-info-box-item .info li + li:before{position: absolute; top: 50%; margin-top: -0.6rem; left: -1.2rem; width: 0.2rem; height: 1.2rem; background-color: rgba(255,255,255,0.25); content: '';}
.gm-rental-online-info-box-item .liquid-tint{background-color: rgba(0,0,0,0);}
.gm-rental-online-info-box-item:after{opacity: 1;}
.gm-rental-online-info-box-item:last-child:after{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3429+0,b5241c+100 */background: linear-gradient(135deg,  rgba(37,37,37,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}


.gm-online-info-container{width: calc(45% - var(--area-padding) - 20px); position: absolute; top: 0; left: 0;}
.gm-online-info-container.top-fixed {position: fixed; top: var(--header-height); z-index: 20;}
.gm-online-info-container.bottom-fixed {position: absolute; top: auto; bottom: 0; left: 0 !important;}
.gm-online-info-container .tit{font-size: 4rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.03em; color: #000;}
.gm-online-info-container .tit b{font-weight: 700; color: var(--main-color);}
.gm-online-info-container .txt{margin-top: 2.4rem; font-size: 2rem; line-height: 1.6; letter-spacing: -0.05em; color: #767676;}
.gm-online-info-container .info-list{margin-top: 4rem; max-width: 41rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.gm-online-info-container .info-list li{padding: 2.4rem; width: calc(50% - 0.5rem); height: 20rem; border-radius: 0.8rem; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: space-between;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffefee+0,ffe5e3+100&1+0,0.75+100 */
background: linear-gradient(135deg,  rgba(255,239,238,1) 0%,rgba(255,229,227,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.gm-online-info-container .info-list li:before{position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(150.81deg,  rgba(255,52,41,0.2) 2.27%, rgba(255,52,41,0.06) 49.29%, rgba(255,52,41,0.2) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: "";}
.gm-online-info-container .info-list li + li{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f5+0,f0f0f0+100&1+0,0.75+100 */
background: linear-gradient(135deg,  rgba(245,245,245,1) 0%,rgba(240,240,240,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.gm-online-info-container .info-list li + li:before{background: linear-gradient(150.81deg, rgba(0,0,0,0.1) 2.27%, rgba(62, 137, 255, 0.06) 49.29%, rgba(0,0,0,0.1) 97.23%);}
.gm-online-info-container .info-list li .info-tit{font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: var(--main-color);}
.gm-online-info-container .info-list li .info-txt{}
.gm-online-info-container .info-list li .info-txt b{font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: var(--main-color);}
.gm-online-info-container .info-list li .info-txt p{margin-top: 0.5rem; font-size: 1.4rem; line-height: 1.3; letter-spacing: 0.05em; color: rgba(255,51,41,0.7);}
.gm-online-info-container .info-list li + li .info-tit,
.gm-online-info-container .info-list li + li .info-txt b{color: #000;}
.gm-online-info-container .info-list li + li .info-txt p{color: rgba(0,0,0,0.5);}

.gm-online-form-list{margin: -3rem; display: flex; flex-wrap: wrap;}
.gm-online-form-item{margin: 3rem; width: calc(50% - 6rem);}
.gm-online-form-item.w100 {width: calc(100% - 6rem);}
/* 타이틀 */
.gm-online-form-tit{font-size: 2rem; letter-spacing: -0.04em; font-weight: 700; color: #000;}
.gm-online-form-tit span {font-size: 2rem; color: #000; font-weight: 400;}
.gm-online-form-tit.required-value{position: relative; padding-right: 1.2rem; display: inline-block;}
.gm-online-form-tit.required-value:before{position: absolute; top: 0; right: 0; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: var(--main-color); content: '';}
/* 폼영역 */
.gm-online-form-box-col2{display: flex; flex-wrap:wrap; justify-content: space-between;}
.gm-online-form-box-col2 .gm-online-form-box{width: calc(50% - 3rem);}
.gm-online-form-box{margin-top: 2rem; width: 100%; position: relative; box-sizing: border-box;}
.gm-online-form-box:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ''; filter:blur(2rem); opacity: 0; transition: opacity 0.3s ease-in-out;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3429+0,ff3429+50,ff3429+100&0+0,1+50,0+100 */
/* background: linear-gradient(to right,  rgba(255,52,41,0) 0%,rgba(255,52,41,1) 50%,rgba(255,52,41,0) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.gm-online-form-box:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ''; filter: blur(2rem); opacity: 0; transition: opacity 0.3s ease-in-out; background: linear-gradient(to right, rgba(255, 52, 41, 0) 0%, rgba(255, 52, 41, 1) 50%, rgba(255, 52, 41, 0) 100%);}
.gm-online-form-box.has-popup .gm-online-pop-btn-list{position: absolute; top: 0; left: 0; width: 5rem; height: 6.4rem; display: flex; align-items: center; z-index: 11;}
.gm-online-form-box.has-popup .gm-online-pop-btn-list a{width: 5rem; font-size: 1.2rem; line-height: 2.3rem; letter-spacing: -0.05em; font-weight: 700; color: #999; text-align: center; border: 0.2rem solid #ddd; border-radius: 2.6rem; box-sizing: border-box; display: inline-flex; justify-content: center; transition:var(--transition-custom); transition-property: border-color, color;}
.gm-online-form-box.has-popup .fakeform-selectbox .select-title{padding-left: 6.2rem; text-indent: 0;}
.gm-online-form-box.has-popup .gm-online-pop-btn-list a:hover{border-color: #000; color: #000;}
/* form */
.gm-online-form-box .write-input, .gm-online-form-box .write-select, .gm-online-form-box textarea {padding: 0 2rem; width: 100%; height: 6.4rem; appearance: none; border-radius: 0;background-color: transparent; border: 0; border-bottom: 2px solid #ddd; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: #000; text-indent: 0; box-sizing: border-box; outline: none; transition: border-color 0.3s ease-in-out;}
.gm-online-form-box textarea{height: 20rem; resize: none; padding: 2rem; border: 2px solid #ddd; border-radius: 0.8rem;}
.gm-online-form-box .write-input::placeholder, .gm-online-form-box .write-select::placeholder, .gm-online-form-box textarea::placeholder{color: #999;}
.gm-online-form-box .write-input:focus, .gm-online-form-box .write-select:focus, .gm-online-form-box textarea:focus{border-color: #000;}
.gm-online-form-box .gm-cm-form-fieldset-box {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.gm-online-form-box .phone-fieldset .write-input, 
.gm-online-form-box .phone-fieldset .write-select, 
.gm-online-form-box .phone-fieldset .phone-select-box {width: calc(33.33% - 1.4rem) !important;}
.gm-online-form-box .email-fieldset .write-input{width: calc(44.8% - 1rem) !important;}
.gm-online-form-box .email-fieldset .write-input.email2{width:calc(24.6% - 1rem) !important;}
.gm-online-form-box .email-fieldset .email-select-box{width:calc(30.6% - 1rem) !important;}
.gm-online-form-box .address-fieldset {display: flex; flex-wrap: wrap; align-items: center;}
.gm-online-form-box .address-fieldset .with-sub-btn-input{padding-right: 6.4rem; width: 100%; box-sizing: border-box;}
.gm-online-form-box .address-fieldset .search-box{position: absolute; top: 1.2rem; right: 1.2rem;}
.gm-online-form-box .address-fieldset .bbs-write-sub-btn{width:4rem; height:4rem; font-size: 2rem; color: #fff; background-color: #000; border-radius: 0.6rem;}
.gm-online-form-box .address-fieldset .write-input{display:block; margin-top: 1.6rem;}
.gm-online-form-box .address-fieldset .write-input:first-child{margin-top:0;}
.gm-online-form-box .gm-cm-form-fieldset-box{border-bottom: 2px solid #ddd; transition: border-color 0.3s ease-in-out;}
.gm-online-form-box .gm-cm-form-fieldset-box .fakeform-selectbox .select-title,
.gm-online-form-box .gm-cm-form-fieldset-box .write-input{border: 0;}
.gm-online-form-box .gm-cm-form-fieldset-box .hypen {font-size: 1.8rem; color: #999; width: 2rem; text-align: center;}
/* focus */
.gm-online-form-box.focus:before{opacity: 1;}
.gm-online-form-box.focus .gm-cm-form-fieldset-box{border-color: #000;}
/* 입력안했을 시 */
.gm-online-form-box.error-border:before {opacity: 1; filter:none; background: var(--main-color);}
.gm-online-form-box .write-input.error-border, 
.gm-online-form-box .write-select.error-border, 
.gm-online-form-box textarea.error-border {border-color:var(--main-color);}
.gm-online-form-box.error-border:after {opacity: 1;}
/* fake form */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
.fakeform-selectbox .select-title {text-indent: 2rem; width: 100% !important; text-align: left; vertical-align: middle; border:0; line-height: 6.4rem; font-size:1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #000; border-bottom: 2px solid #ddd; background-color: transparent; display: inline-block; box-sizing: border-box; cursor: pointer;}
.fakeform-selectbox .select-title:after{font-family: 'xeicon'; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%); content: "\e936"; font-size:2.4rem; font-weight: 400; color: #555;}
.fakeform-selectbox .select-title strong {width: 100%; font-weight: 500; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox .select-title.active{border-color: #fff;}
.fakeform-selectbox .select-title.active:after{content: "\e930";}
.fakeform-selectbox .select-title.focus{}
.fakeform-selectbox .select-title.disabled{}
.select-option {border: 2px solid #000; background: #fff; max-height: 200px; overflow: auto; z-index: 999 !important;}
.select-option::-webkit-scrollbar{width: 5px;}
.select-option::-webkit-scrollbar-thumb{background-color:#333; border-radius:5px; transition:all 0.5s;}
.select-option::-webkit-scrollbar-track{background-color:#f2f2f2; border-radius:0;}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.6rem; line-height: 1.5; letter-spacing: -0.05em;  font-weight: 500; color: #999; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 1.2rem 2rem; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #f2f2f2;}
.select-option span.selected {color: #000; font-weight: 600;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}
/* 동의하기&버튼 */
.gm-online-form-agree{margin-top: 2rem; display: flex; flex-direction: column; }
.gm-online-form-agree .agree-txt input{display:none;}
.gm-online-form-agree .agree-txt label{position:relative; padding-left:3.2rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; display: inline-block;}
.gm-online-form-agree .agree-txt label:after { display: block; position:absolute; top: 0; right: -1rem; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: var(--main-color); content: '';}
.gm-online-form-agree .agree-txt label a{font-weight: 600; color: #000; border-bottom: 1px solid #000;}
.gm-online-form-agree .agree-txt label i{position:absolute; top: 0.4rem; left:0px; font-size:2.2rem; color:rgba(0,0,0,0.2);}
.gm-online-form-agree .agree-txt input:checked + label i{color:#000;}
.gm-online-form-agree .agree-btn{width: 24rem; height: 6.4rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; background-color: #000; border-radius: 1.2rem; border: 0; display: flex; align-items: center; justify-content: center; position: relative; margin: 10rem auto 0;}
.gm-online-form-agree .agree-btn::before{background: linear-gradient( 135deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.025) 40%, rgba(255,255,255,0.025) 60%, rgba(255,255,255,0.5) 100% );}

.gm-online-form-agree .agree-txt.no-ess label:after{display: none;}
.gm-online-form-agree .agree-txt + .agree-txt{margin-top:1.2rem;}
.gm-online-form-agree .agree-txt label span{color:#000;}

@media all and (max-width:1260px){ 
	.gm-online-info-container{left: var(--area-padding);}
}
@media all and (max-width:800px){
	.gm-online-page{padding-bottom: 14rem;}
	
	.gm-rental-online-info-box{margin-bottom: 10rem;}
	.gm-rental-online-info-box-item{padding: 0 3rem; width: 100%; height: 6.4rem; border-radius: 1.6rem; text-align: left;}
	.gm-rental-online-info-box-item + .gm-rental-online-info-box-item{margin-top: 1.2rem;}
	.gm-rental-online-info-box-item .tit{font-size: 1.6rem;}
	.gm-rental-online-info-box-item .info li{font-size: 1.4rem;}
	.gm-rental-online-info-box-item .info li + li{margin-left: 2.6rem;}
	.gm-rental-online-info-box-item .info li + li:before{margin-top: -0.6rem; left: -1.2rem; width: 0.2rem; height: 1.2rem;}
	
	.gm-online-info-container{width: 100%; max-width: none; position: static;}
	.gm-online-info-container .tit{font-size: 4rem; line-height: 1.4;}
	.gm-online-info-container .txt{margin-top: 2.4rem; font-size: 2rem; line-height: 1.6;}
	.gm-online-info-container .info-list{margin-top: 4rem; max-width: none;}
	.gm-online-info-container .info-list li{padding: 2.4rem; width: calc(50% - 0.5rem); height: 20rem; border-radius: 0.8rem;}
	.gm-online-info-container .info-list li + li{margin-top: 0;}
	.gm-online-info-container .info-list li .info-tit{font-size: 1.8rem; line-height: 1.3;}
	.gm-online-info-container .info-list li .info-txt b{font-size: 1.8rem; line-height: 1.3;}
	.gm-online-info-container .info-list li .info-txt p{margin-top: 0.5rem; font-size: 1.4rem; line-height: 1.3;}

	.gm-online-form-container{width: 100%; max-width: none; float: none;}
	.gm-online-form-list{margin: -3rem;}
	.gm-online-form-item{margin: 3rem; width: calc(100% - 6rem);}
	/* 타이틀 */
	.gm-online-form-tit{font-size: 2rem;}
	.gm-online-form-tit.required-value{padding-right: 1.2rem;}
	.gm-online-form-tit.required-value:before{width: 0.5rem; height: 0.5rem;}
	/* 폼영역 */
	.gm-online-form-box-col2{width: 100%;}
	.gm-online-form-box-col2 .gm-online-form-box{width: 100%;}
	.gm-online-form-box{margin-top: 2rem; width: 100%;}
	/* form */
	.gm-online-form-box .write-input, .gm-online-form-box .write-select, .gm-online-form-box textarea {padding: 0 2rem; width: 100%; height: 6.4rem; font-size: 1.8rem; line-height: 1.6;}
	.gm-online-form-box textarea{height: 20rem; padding: 2rem; border-radius: 0.8rem;}
	.gm-online-form-box .phone-fieldset .write-input, 
	.gm-online-form-box .phone-fieldset .write-select, 
	.gm-online-form-box .phone-fieldset .phone-select-box {width: calc(33.33% - 1.4rem) !important;}
	.gm-online-form-box .email-fieldset{position: relative;}
	.gm-online-form-box .email-fieldset:before{position: absolute; top: 6.4rem; left: 0; width: 100%; height: 2px; content: ''; filter:blur(2rem); opacity: 0; transition: opacity 0.3s ease-in-out;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3429+0,ff3429+50,ff3429+100&0+0,1+50,0+100 */
	background: linear-gradient(to right,  rgba(255,52,41,0) 0%,rgba(255,52,41,1) 50%,rgba(255,52,41,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
	.gm-online-form-box .email-fieldset .write-input.email2,
	.gm-online-form-box .email-fieldset .write-input{width:calc(50% - 1rem) !important; border-bottom: 2px solid #ddd;}
	.gm-online-form-box .email-fieldset .email-select-box{margin-top: 0.5rem; width:100% !important;}
	.gm-online-form-box .email-fieldset.gm-cm-form-fieldset-box .hypen {line-height: calc(6.4rem - 2px); border-bottom: 2px solid #ddd; transition: border-color 0.3s ease-in-out;}
	.gm-online-form-box.focus .email-fieldset .write-input.email2,
	.gm-online-form-box.focus .email-fieldset .write-input,
	.gm-online-form-box.focus .email-fieldset.gm-cm-form-fieldset-box .hypen{border-color: #000;}
	/* .gm-online-form-box.focus .email-fieldset:before{opacity: 1;} */
	
	.gm-online-form-box .address-fieldset .with-sub-btn-input{padding-right: 6.4rem;}
	.gm-online-form-box .address-fieldset .bbs-write-sub-btn{width:4rem; height:4rem; font-size: 2rem;}
	.gm-online-form-box .address-fieldset .write-input{margin-top: 1.6rem;}
	.gm-online-form-box .address-fieldset .write-input:first-child{margin-top:0;}
	.gm-online-form-box .gm-cm-form-fieldset-box .hypen {font-size: 1.8rem; width: 2rem;}
	/* focus */
	.gm-online-form-box.focus:before{opacity: 1;}
	.gm-online-form-box.focus .gm-cm-form-fieldset-box{border-color: #000;}
	/* fake form */
	.fakeform-selectbox .select-title {text-indent: 2rem; width: 100% !important; line-height: 6.4rem; font-size:1.8rem;}
	.fakeform-selectbox .select-title:after{right:1.5rem; font-size:2.4rem;}
	.select-option {max-height: 200px;}
	.select-option span,
	.select-option strong {font-size: 1.6rem; line-height: 1.5; padding: 1.2rem 2rem;}
	/* 동의하기&버튼 */
	.gm-online-form-agree{margin-top: 6.4rem; flex-direction: column;}
	.gm-online-form-agree .agree-txt label{padding-left:3.2rem; font-size: 1.8rem; line-height: 1.6;}
	.gm-online-form-agree .agree-txt label i{top: 0.4rem; left:0px; font-size:2.2rem;}
	.gm-online-form-agree .agree-btn{margin-top: 3rem; width: 24rem; height: 6.4rem; font-size: 1.8rem; border-radius: 3.2rem;}
}


/* ****************** 01 주차시스템 렌탈 :: 01 온라인 문의 :: 실시간 문의 현황 ********************** */
.gm-online-list-page .gm-cm-has-tab-right #gm-contentInfoCon {margin: 0 auto 8rem;}
.gm-online-list-top-info{margin-top: 8rem; margin-bottom: 4rem; padding: 1.5rem 2rem; font-size:2rem; line-height: 1.4; letter-spacing: -0.05em; color: #555; text-align: center; background-color: #F5F5F5; box-sizing: border-box;}
.gm-online-list-top-info b{font-weight: 700; color: #000;}
.gm-online-page .bbs-list-tbl{pointer-events: none;}

@media all and (max-width:800px) {
	.gm-online-list-top-info{margin-top: 0; margin-bottom: 4rem; padding: 1.5rem 2rem; font-size: 1.6rem; line-height: 1.6;}
}

/* 온라인문의 접수 완료 팝업 */
.gm-online-modal-box{background-color: #fff; border-radius: 1.6rem;}
.gm-online-modal-txt{padding: 4.8rem 3.2rem; text-align: center; border: 1px solid #D9D9D9; border-radius: 1.6rem 1.6rem 0 0;}
.gm-online-modal-txt .tit{margin-bottom: 1.6rem; font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.gm-online-modal-txt .txt{font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
.gm-online-modal-txt .txt + .txt{margin-top: 0.8rem;}
.gm-online-modal-btn{width: 100%; height: 7.2rem; font-size: 1.6rem; letter-spacing: -0.05em; font-weight: 600; color: #000; text-align: center;}

/* 온라인문의 문의 항목 상세 팝업 */
.gm-online-modal-btn-top{position: absolute; top: -7.4rem; right: 0; padding: 0 0.5rem 0 2.4rem; width: 11.5rem; height: 5rem; font-size: 1.6rem; letter-spacing: -0.05em; font-weight: 700; color: #000; background-color: #fff; border-radius: 2.5rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.gm-online-modal-btn-top i{font-size: 3.2rem; font-weight: 400;}
.gm-online-modal-btn-top + .gm-online-modal-box .gm-online-modal-txt{border-radius: 1.6rem;}
.gm-online-modal-txt .info-list{text-align: left;}
.gm-online-modal-txt .info-list li{padding: 2.4rem; background-color: #F5F5F5; border-radius: 0.8rem;}
.gm-online-modal-txt .info-list li + li{margin-top: 1.2rem;}
.gm-online-modal-txt .info-list li h5{font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.03em; font-weight: 600; color: #000;}
.gm-online-modal-txt .info-list li p{margin-top: 0.8rem; font-size: 1.4rem; line-height: 1.6; letter-spacing: -0.03em; color: #555;}


/* ****************** 01 주차시스템 렌탈 :: 02 365 클라우드 렌탈 ********************** */
.cloud-rental-page{padding-bottom: var(--cm-con-padding);}
.cloud-rental-con1{max-width: 1680px; /* height: 92rem; */ margin-left: auto; margin-right: auto; box-sizing: border-box; position: relative;}
.cloud-rental-bg{position: relative; width: 100%; padding-top: 54.76%; border-radius: 3.2rem; overflow: hidden;}
.cloud-rental-bg img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.cloud-rental-con1 .gm-cm-sub-title-box{position: absolute; top: 17.39%; left: 50%; transform: translateX(-50%) !important; width: 100%; box-sizing: border-box; z-index: 1;}
.cloud-rental-con1-bnr{border-radius: 3.2rem; overflow: hidden;}
.cloud-rental-con1-bnr img{width: 100%; height: auto;}
/* animated */
.cloud-rental-bg{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.cloud-rental-bg.animated{opacity: 1; transform: translateY(0);}

.cloud-rental-con2{}
.cloud-rental-con2-wrapper{}
.cloud-rental-con2-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.cloud-rental-con2-item{margin: 1rem; width: calc(33.33% - 2rem);}
.cloud-rental-con2-inner{padding: 4.8rem 4.8rem 4rem; background-color: #F5F5F5; box-sizing: border-box; border-radius: 1.5rem; position: relative; display: flex; flex-direction: column; justify-content: space-between; transition: var(--transition-custom); transition-property: background-color;}
.cloud-rental-con2-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.cloud-rental-con2-txt{}
.cloud-rental-con2-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
.cloud-rental-con2-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; transition: var(--transition-custom); transition-property: color;}
.cloud-rental-con2-icon{margin-top: 0.01rem; height: 15rem; display: flex; justify-content: flex-end; text-align: right;}
.cloud-rental-con2-icon picture,
.cloud-rental-con2-icon img{max-height: 100%; display: inline-block;}
/* point */
.cloud-rental-con2-item.point-item .cloud-rental-con2-inner{background-color: #fff; display: flex; align-items: center; justify-content: center;}
.cloud-rental-con2-item.point-item .cloud-rental-con2-inner:before{display: none;}
.cloud-rental-con2-point{padding-bottom: 8rem; position: relative; display: flex; justify-content: center;}
.cloud-rental-con2-point img{height: 18.5rem; animation: upDown 1.5s ease-in-out infinite;}
.cloud-rental-con2-point:before{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 22.2rem; height: 4.9rem; background: url("../web-static-images/content/cloud_rental_con2_point_sd.png") center/cover no-repeat; content: ''; animation: upDown2 1.5s ease-in-out infinite;}
@keyframes upDown {
	0% {
		transform:  translateY(-5px);
	}
	50% {
		transform: translateY(5px);
	}
	100% {
		transform:  translateY(-5px);
	}
}
@keyframes upDown2 {
	0% {
		transform:  translateX(-50%) scale(0.8);
	}
	50% {
		transform: translateX(-50%) scale(1);
	}
	100% {
		transform:  translateX(-50%) scale(0.8);
	}
}
/* active */
.cloud-rental-con2-item.active .cloud-rental-con2-inner{background-color: #fff;}
.cloud-rental-con2-item.active .cloud-rental-con2-inner:before{opacity: 1;}
.cloud-rental-con2-item.active .cloud-rental-con2-txt h5{color: var(--blue-color);}
.cloud-rental-con2-item.active .cloud-rental-con2-txt p{color: #000;}
/* animated */
.cloud-rental-con2-item{opacity: 0; filter:blur(2rem); transform: scaleX(0); transition: var(--transition-custom2); transition-delay: calc(var(--i) * 0.08s);}
.cloud-rental-con2-item.animated{opacity: 1; filter:blur(0rem); transform: scaleX(1);}

.cloud-rental-con3{}
.cloud-rental-con3-wrapper{}
.cloud-rental-con3-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.cloud-rental-con3-item{margin: 1rem; width: calc(50% - 2rem); padding: 1.6rem 1.6rem 0; background-color: #F5F5F5; box-sizing: border-box; border-radius: 1.6rem;}
.cloud-rental-con3-img{position: relative; width: 100%; height: 0; padding-top: 50.17%; border-radius: 0.8rem; overflow: hidden;}
.cloud-rental-con3-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.cloud-rental-con3-txt{padding: 0 1.6rem 1.6rem; height: 13.5rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.cloud-rental-con3-txt h5{font-size: 2.4rem; line-height: 1.4; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.cloud-rental-con3-txt h5 b{font-weight: 700; color: var(--blue-color);}
.cloud-rental-con3-txt span{margin-top: 0.8rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -.05em; font-weight: 400; color: #555;}

.cloud-rental-con3-list.col3 .cloud-rental-con3-item{margin: 1rem; width: calc(33.33% - 2rem); background-color: #fff;}
.cloud-rental-con3-list.col3 .cloud-rental-con3-img{padding-top: 61.97%;}

.cloud-rental-con3-result{margin: 13.6rem 4px 4px; padding: 2rem; height: 9.6rem; border-radius: 1.6rem; position: relative; box-sizing: border-box; background-color: var(--blue-color); font-size: 2.4rem; line-height: 1.4; letter-spacing: -0.05em; font-weight: 700; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 1rem 1rem  rgba(62, 137, 255, 0.25);}
.cloud-rental-con3-result:before{position: absolute; top: -4px; bottom: -4px; right: -4px; left: -4px;/* inset: 0; */ padding: 4px; border-radius: calc(1.6rem + 4px); background: linear-gradient(180deg, rgba(62, 137, 255, 0.25) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, rgba(62, 137, 255, 0.8) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: "";}
.cloud-rental-con3-result:after{position: absolute; top: -8.8rem; left: 50%; margin-left: -0.4rem; content: ''; width: 0.8rem; height: 4rem; background: url("../web-static-images/content/cloud_rental_con3_dot.png") center/contain no-repeat; content: '';}
@supports (background-image: image-set(url("a.webp") type("image/webp"))) {
	.cloud-rental-con3-result:after{background-image: image-set(url("../web-static-images/content/cloud_rental_con3_dot.webp") type("image/webp"), url("../web-static-images/content/cloud_rental_con3_dot.png")  type("image/png"));}
}

/* animated */
.cloud-rental-con3-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
@media all and (min-width:801px){
	.cloud-rental-con3-list.animated .cloud-rental-con3-item{opacity: 1; transform: translateY(0);}
	.cloud-rental-con3-list.animated .cloud-rental-con3-item:nth-child(2){transition-delay:0.2s}
	.cloud-rental-con3-list.animated .cloud-rental-con3-item:nth-child(3){transition-delay:0.4s}
	.cloud-rental-con3-list.animated .cloud-rental-con3-item:nth-child(4){transition-delay:0.6s}
	.cloud-rental-con3-list.animated .cloud-rental-con3-item:nth-child(5){transition-delay:0.8s}
	.cloud-rental-con3-list.animated .cloud-rental-con3-item:nth-child(6){transition-delay:1s}
	.cloud-rental-con3-list.animated .cloud-rental-con3-item:nth-child(7){transition-delay:1.2s}
	.cloud-rental-con3-list.animated .cloud-rental-con3-item:nth-child(8){transition-delay:1.4s}
}

.cloud-rental-con3-result{background-color: transparent; color: transparent; box-shadow: 0 0 0 0  rgba(62, 137, 255, 0.25); transition: var(--transition-custom2); transition-property: background-color, box-shadow, color;}
.cloud-rental-con3-result:before{opacity: 0; transition: var(--transition-custom2); transition-property: opacity;}
.cloud-rental-con3-result:after{height: 0; transition: var(--transition-custom2); transition-property: height;}
.cloud-rental-con3-result.animated{background-color: var(--blue-color); color: #fff; box-shadow: 0 0 1rem 1rem  rgba(62, 137, 255, 0.25); transition-delay:0.5s !important;}
.cloud-rental-con3-result.animated:before{opacity: 1; transition-delay:0.5s !important;}
.cloud-rental-con3-result.animated:after{height: 4rem;}

.cloud-rental-con4{}
.cloud-rental-con4-wrapper{}
.cloud-rental-con4-list{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 27rem); gap: 2rem;}
.cloud-rental-con4-item{}
.cloud-rental-con4-item:first-child {grid-row: 1 / span 2;}
.cloud-rental-con4-inner{position: relative; height: 100%; min-height: 27rem; border-radius: 1.6rem; background: #f5f5f5; box-sizing: border-box; display: flex; justify-content: space-between; transition: var(--transition-custom); transition-property: background-color;}
.cloud-rental-con4-item:first-child .cloud-rental-con4-inner{flex-direction: column; align-items: flex-start;}
.cloud-rental-con4-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.cloud-rental-con4-txt{padding: 4.8rem; padding-right: 2rem; box-sizing: border-box; position: relative; z-index: 1;}
.cloud-rental-con4-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
.cloud-rental-con4-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; transition: var(--transition-custom); transition-property: color;}
.cloud-rental-con4-txt .pc-br{display: block;}
.cloud-rental-con4-img{position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end;}
.cloud-rental-con4-img picture,
.cloud-rental-con4-img img{width: 100%; height: 100%; object-fit: cover;}
.cloud-rental-con4-img .pc-img{display: block;}
.cloud-rental-con4-img .m-img{display: none;}
/* active */
.cloud-rental-con4-item.active .cloud-rental-con4-inner{background-color: #fff;}
.cloud-rental-con4-item.active .cloud-rental-con4-inner:before{opacity: 1;}
.cloud-rental-con4-item.active .cloud-rental-con4-txt h5{color: var(--blue-color);}
.cloud-rental-con4-item.active .cloud-rental-con4-txt p{color: #000;}
/* animated */
.cloud-rental-con4-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.cloud-rental-con4-list.animated .cloud-rental-con4-item{opacity: 1; transform: translateY(0);}
.cloud-rental-con4-list.animated .cloud-rental-con4-item:nth-child(2){transition-delay:0.3s}
.cloud-rental-con4-list.animated .cloud-rental-con4-item:nth-child(3){transition-delay:0.5s}

@media all and (max-width:1740px){
	.cloud-rental-con1{max-width: auto; padding: 0 var(--area-padding);}
}
@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	.cloud-rental-page{padding-bottom: var(--cm-con-padding);}
	.cloud-rental-bg{border-radius: 1.6rem;}
	.cloud-rental-con1 .gm-cm-sub-title-box{position: static; transform: translateX(0) !important;}
	.cloud-rental-con1-bnr{border-radius: 3.2rem;}

	.cloud-rental-con2-list{margin: -1rem;}
	.cloud-rental-con2-item{margin: 1rem; width: calc(100% - 2rem);}
	.cloud-rental-con2-item:last-child{width: calc(100% - 2rem);}
	.cloud-rental-con2-inner{padding: 3rem 3rem 2.5rem; border-radius: 1.5rem;}
	.cloud-rental-con2-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.cloud-rental-con2-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6;}
	.cloud-rental-con2-icon{margin-top: 0.01rem; height: 12rem; /* justify-content: center; */ text-align: center;}
	/* point */
	.cloud-rental-con2-item.point-item .cloud-rental-con2-inner{padding-bottom: 0;}
	.cloud-rental-con2-point{padding-bottom: 6.6rem;}
	.cloud-rental-con2-point img{height: 15rem;}
	.cloud-rental-con2-point:before{bottom: 0; width: 17.7rem; height: 3.906rem;}
	
	.cloud-rental-con3-list{margin: -1rem;}
	.cloud-rental-con3-item{margin: 1rem; width: calc(100% - 2rem); padding: 1.6rem 1.6rem 0; border-radius: 1.6rem;}
	.cloud-rental-con3-img{border-radius: 0.8rem;}
	.cloud-rental-con3-txt{padding: 3rem 1.6rem; height: 13.5rem; height: auto;}
	.cloud-rental-con3-txt h5{font-size: 2.4rem; line-height: 1.4;}
	.cloud-rental-con3-txt span{margin-top: 0.8rem; font-size: 1.8rem; line-height: 1.6;}
	
	.cloud-rental-con3-list.col3 .cloud-rental-con3-item{margin: 1rem; width: calc(100% - 2rem);}
	
	.cloud-rental-con3-result{margin: 13.6rem 4px 4px; padding: 2rem; height: 9.6rem; border-radius: 1.6rem; font-size: 2.4rem; line-height: 1.4;}
	.cloud-rental-con3-result:before{top: -4px; bottom: -4px; right: -4px; left: -4px; padding: 4px; border-radius: calc(1.6rem + 4px);}
	.cloud-rental-con3-result:after{top: -8.8rem; left: 50%; margin-left: -0.4rem; width: 0.8rem; height: 4rem;}
	/* animated */
	.cloud-rental-con3-item.animated{opacity: 1; transform: translateY(0);}
	

	.cloud-rental-con4-list{grid-template-columns: 1fr; grid-template-rows: none; gap: 2rem;}
	.cloud-rental-con4-item{}
	.cloud-rental-con4-item:first-child {grid-row: auto;}
	.cloud-rental-con4-inner{min-height: 27rem; padding-bottom: 3rem; border-radius: 1.6rem; flex-direction: column;}
	.cloud-rental-con4-inner:before{padding: 3px;}
	.cloud-rental-con4-txt{padding: 3rem; padding-bottom: 0; width: 100%; box-sizing: border-box;}
	.cloud-rental-con4-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.cloud-rental-con4-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6;}
	.cloud-rental-con4-txt .pc-br{display: none;}
	.cloud-rental-con4-img{position: static; height: auto; align-items: center; justify-content: center;}
	.cloud-rental-con4-img img{max-height: 16rem; object-fit: contain;}
	/* .cloud-rental-con4-img picture, .cloud-rental-con4-img img {object-fit: contain; object-position: center bottom;}
	.cloud-rental-con4-item:first-child .cloud-rental-con4-img img{position: relative; right: -16%;} */
	.cloud-rental-con4-img .pc-img{display: none;}
	.cloud-rental-con4-img .m-img{display: block;}
	/* .cloud-rental-con4-item:first-child .cloud-rental-con4-img,
	.cloud-rental-con4-img{margin-top: -8.5rem; height: 27rem;} */
}


/* ****************** 01 주차시스템 렌탈 :: 03 365 렌탈 ********************** */
.rental-365-page{padding-bottom: 0;}
.rental-365-cover-wrap {margin-top: var(--cm-con-padding); position: relative; overflow: hidden;}
.rental-365-cover-wrap + .gm-cm-sub-con{margin-top: var(--cm-con-padding);}
.rental-365-cover-wrap .gm-cm-sub-title-box{will-change: transform, opacity, filter;}
.rental-365-con4{padding: var(--cm-con-padding) 0 30rem; padding: var(--cm-con-padding) 0; position: relative; overflow: hidden; --white-bg-opacity: 0; z-index: 1; /* min-height: 100vh; */ box-sizing: border-box;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,ffffff+100 */
background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.rental-365-con4 > .area {position: relative; z-index: 1;}
.rental-365-con4-wrapper{}
.rental-365-con4-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.rental-365-con4-item{margin: 1rem; padding: 4.8rem 4.8rem 6.4rem; width: calc(33.33% - 2rem); background-color: #fff; border-radius: 1.6rem; box-sizing: border-box; box-shadow: 0 2rem 8rem -1rem rgba(0,0,0,0.1); text-align: center;}
.rental-365-con4-category{padding: 0 1rem; min-width: 11rem; font-size: 1.6rem; line-height: 3.2rem; letter-spacing: -0.05em; font-weight: 700; color: #fff; text-align: center; background-color: rgba(0,0,0,0.4); border-radius: 1.6rem; box-sizing: border-box; display: inline-block;}
.rental-365-con4-img{margin-top: 0.8rem; display: flex; justify-content: center;}
.rental-365-con4-img img{max-width: 24rem; width: 100%;}
.rental-365-con4-txt{margin-top: 1.2rem; height: 7.6rem; font-size: 2.4rem; line-height: 1.6; letter-spacing: -.05em; font-weight: 600; color: #000; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.rental-365-con4-txt b{display: inline-block; font-weight: 700; color: var(--blue-color);}

.rental-365-con5{margin-top: 0 !important; padding: var(--cm-con-padding) 0; position: relative; z-index: 2; width: 100%; /* min-height: 100vh; */ box-sizing: border-box; border-radius: 50% 50% 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#569aff+0,75aeff+100&0.15+0,0.1+100 */
background: linear-gradient(to bottom,  rgba(86,154,255,0.15) 0%,rgba(117,174,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background:#fff;}
.rental-365-con5:before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 400rem; height: 108rem; border-radius: 100% 100% 0 0; display: block; content: ""; background-color: #fff; pointer-events: none;}
.rental-365-con5-bg01,
.rental-365-con5-bg02,
.rental-365-con5-bg03{position: absolute; left: 50%; transform:translateX(-50%); width: 400rem; height: 108rem; border-radius: 100% 100% 0 0; display: block; transform-origin: 50% 100%; will-change: transform, height;}
.rental-365-con5-bg01{top: -20rem; height: calc(100% + 20rem);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#569aff+0,75aeff+100&0.07+0,0+100 */
background: linear-gradient(to bottom,  rgba(86,154,255,0.07) 0%,rgba(117,174,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.rental-365-con5-bg02{top: -10rem; height: calc(100% + 10rem);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#569aff+0,75aeff+100&0.15+0,0.1+100 */
background: linear-gradient(to bottom,  rgba(86,154,255,0.15) 0%,rgba(117,174,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.rental-365-con5-bg03{top: 0; height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#569aff+0,569aff+90&0.35+0,0.2+90 */
background: linear-gradient(to bottom,  rgba(86,154,255,0.35) 0%,rgba(86,154,255,0.2) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.rental-365-con5 .area{position: relative;}
.rental-365-con5 .rental-365-con4-item {box-shadow: 0 2rem 8rem -1rem rgba(var(--rgb-blue-color), 0.25);}
.rental-365-con5 .rental-365-con4-category{background-color: #000;}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	.rental-365-page{padding-bottom: 0;}
	.rental-365-cover-wrap {margin-top: var(--cm-con-padding); height: auto; overflow: visible;}
	
	.rental-365-con4{padding: var(--cm-con-padding) 0 24rem;}
	.rental-365-con4-list{margin: -1rem;}
	.rental-365-con4-item{margin: 1rem; padding: 3.5rem 3rem 4.5rem; width: calc(100% - 2rem); border-radius: 1.6rem;}
	.rental-365-con4-category{padding: 0 1rem; min-width: 11rem; font-size: 1.6rem; line-height: 3.2rem; border-radius: 1.6rem;}
	.rental-365-con4-img img{max-width: 16rem;}
	.rental-365-con4-txt{margin-top: 1.2rem; height: auto; font-size: 2.4rem; line-height: 1.6;}

	.rental-365-con5{margin-top: 0 !important; padding: var(--cm-con-padding) 0; position: relative;}
	.rental-365-con5-bg01,
	.rental-365-con5-bg02,
	.rental-365-con5-bg03{width: 400rem; border-radius: 100% 100% 0 0;}
	.rental-365-con5-bg01{top: -16rem; height: calc(100% + 16rem);}
	.rental-365-con5-bg02{top: -8rem; height: calc(100% + 8rem);}
	.rental-365-con5-bg03{top: 0; height: 100%;}
}


/* ****************** 01 주차시스템 렌탈 :: 04 365 시큐어 렌탈 ********************** */
.secure-rental-con2{}
.secure-rental-con2-wrapper{}
.secure-rental-con2-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.secure-rental-con2-item{margin: 1rem; width: calc(50% - 2rem);}
.secure-rental-con2-inner{padding: 4.8rem 4.8rem; width: 100%; background-color: #F5F5F5; box-sizing: border-box; border-radius: 1.6rem; position: relative; display: flex; justify-content: space-between; transition: var(--transition-custom); transition-property: background-color;}
.secure-rental-con2-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.secure-rental-con2-txt{}
.secure-rental-con2-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
.secure-rental-con2-txt p{margin-top: 1.6rem; padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; position: relative; transition: var(--transition-custom); transition-property: color;}
.secure-rental-con2-txt p + p{margin-top: 0.4rem;}
.secure-rental-con2-txt p:before{position: absolute; top: 0; left: 0; font-size: 1.8rem; content: "\e929"; font-family: xeicon;}
.secure-rental-con2-icon{margin-top: 5.2rem; height: 16rem; display: flex; justify-content: flex-end;}
.secure-rental-con2-icon img{max-height: 100%;}
/* active */
.secure-rental-con2-item.active .secure-rental-con2-inner{background-color: #fff;}
.secure-rental-con2-item.active .secure-rental-con2-inner:before{opacity: 1;}
.secure-rental-con2-item.active .secure-rental-con2-txt h5{color: var(--blue-color);}
.secure-rental-con2-item.active .secure-rental-con2-txt p{color: #000;}
/* animated */
.secure-rental-con2-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.secure-rental-con2-list.animated .secure-rental-con2-item{opacity: 1; transform: translateY(0);}
.secure-rental-con2-list.animated .secure-rental-con2-item:nth-child(2){transition-delay:0.3s}
.secure-rental-con2-list.animated .secure-rental-con2-item:nth-child(3){transition-delay:0.5s}
.secure-rental-con2-list.animated .secure-rental-con2-item:nth-child(4){transition-delay:0.7s}


/* 365 씨큐어렌탈 :: As is - To be */
.secure-rental-con3-wrapper{display: flex;flex-wrap:wrap;}
.secure-rental-con3-box{width: 50%; align-self: center; padding: 5.6rem 5rem 3.2rem; background-color: #f5f5f5;border-radius: 1.6rem 0 0 1.6rem;box-sizing: border-box;position: relative;}
.secure-rental-con3-box.no-img{padding-top: 4.2rem;}
.secure-rental-con3-box:before{position: absolute; inset: 0; padding: 3px; border-radius: 1.4rem; background: linear-gradient(150.81deg, rgba(255, 255, 255, 0.5) 2.27%, rgba(255, 255, 255, 0.1) 49.29%, rgba(255, 255, 255, 0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: "";}
.secure-rental-con3-box:first-of-type:before {display:none;}
.secure-rental-con3-box.no-img + .secure-rental-con3-box.no-img,
.secure-rental-con3-box + .secure-rental-con3-box{padding-top: 6.4rem; padding-bottom: 5.6rem; background:linear-gradient(130deg, #323337 0%, #121317 100%); /* min-height: 88.4rem; */ border-radius: 1.6rem; box-shadow: 0px 0px 4rem 0px rgba(18, 19, 23, 0.25);}
.secure-rental-con3-tit{font-size: 2.4rem;line-height: 1.6;letter-spacing: -0.05em; font-weight: 700; color: #555;text-align: center;}
.secure-rental-con3-list{margin-top: 4.6rem;}
.space-s .secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-list{margin-top: 3.6rem;}
.space-l .secure-rental-con3-list{margin-top: 5.6rem;}
.secure-rental-con3-item{min-height: 7.2rem; padding: 0.5rem 3rem; padding-left: 4.8rem; padding-right: 0; position: relative;font-size: 1.8rem;line-height: 1.6;letter-spacing: -0.05em;font-weight: 400;color: #555;background-color: rgba(255,255,255,0.1); border-top: 1px dashed rgba(0, 0, 0, 0.1); box-sizing: border-box; display: flex; align-items: center;}
.secure-rental-con3-box.no-img .secure-rental-con3-item {min-height: 9.8rem; /* padding: 1rem 3rem;  padding-left: 4.8rem; padding-right: 0; */ }
.secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-item{background:none; color: #fff; border-top-color: rgba(255, 255, 255, 0.2);}
.secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-item:first-of-type{border-top-color: rgba(255, 255, 255, 0.2);}
.secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-item i {color: var(--blue-color);}
.secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-tit {color: #fff;}
.secure-rental-con3-item + .secure-rental-con3-item {margin-top: 0;}
.secure-rental-con3-item i {position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #999; font-size:3.2rem;}
.secure-rental-con3-item .num{position: absolute; top: 2rem; left: 2rem; width: 5rem; height: 5rem; font-size: 1.4rem; letter-spacing: -0.05em; font-weight: 700; color: #999; text-align: center; border: 2px dotted rgba(255,255,255,0.5); border-radius: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
/* 중앙 화살표 */
.secure-rental-con3-arrow{position: absolute; top: 50%; transform:translateY(-50%); margin-top: 0; left: -4rem; width: 8rem; height: 8rem; background-color: rgba(255,255,255,0.1); border-radius: 100%; box-sizing: border-box; display: block;}
.secure-rental-con3-arrow:before{position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(255, 255, 255, 0.2) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; z-index: 3; box-sizing: border-box;}
.secure-rental-con3-arrow:after{position: absolute; width: 100%; top: 50%; margin-top: -1.5rem; left: 0; z-index: 1; font-size: 2.4rem; line-height: 3rem; font-weight: 700; color: #fff; text-align: center; content: 'VS';}
.secure-rental-con3-arrow .img-box{position: absolute; inset: 0; overflow: hidden; z-index: 0; isolation: isolate; backdrop-filter: blur(16px); filter: url(#gm-glass-distortion-main); border-radius: 100%;}
.secure-rental-con3-arrow .img-box img{display: none;}
/* 이미지박스 */
.secure-rental-con3-img-box {text-align: center; margin-top: 4.6rem;}
.space-s .secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-img-box {margin-top: 3.6rem;}
.space-l .secure-rental-con3-img-box {margin-top: 5.6rem;}
.secure-rental-con3-img-box img {max-width:100%;}
.secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-item .secure-rental-con3-img-box img {filter: drop-shadow(0 0 8rem rgba(0,0,0,0.25));}
/* 모션용 추가 */
.secure-rental-con3-wrapper.is-motion-ready .secure-rental-con3-item{transition: var(--transition-custom); transition-property: padding-left, color, background-color, border-color, border-radius;}
.secure-rental-con3-wrapper.is-motion-ready .secure-rental-con3-item i,
.secure-rental-con3-wrapper.is-motion-ready .secure-rental-con3-item .num{transition: var(--transition-custom); transition-property: left, color;}
.secure-rental-con3-item.is-compare-asis {padding-left: 7.2rem; background-color: #fff; border-color: transparent !important; border-radius: 1.2rem;}
.secure-rental-con3-item.is-compare-asis + .secure-rental-con3-item{border-color: transparent !important;}
.secure-rental-con3-item.is-compare-tobe{padding-left: 7.2rem; color: #fff; background-color: var(--blue-color) !important; border-color: transparent !important; border-radius: 1.2rem;}
.secure-rental-con3-item.is-compare-tobe + .secure-rental-con3-item{border-color: transparent !important;}
.secure-rental-con3-item.is-compare-asis i{left: 2.4rem;}
.secure-rental-con3-item.is-compare-tobe i {left: 2.4rem; color: #fff !important;}
.motion .secure-rental-con3-arrow{left:50%; transform:translate(-50%, -50%); background:none;}
.motion .secure-rental-con3-arrow:before,
.motion .secure-rental-con3-arrow:after,
.motion .secure-rental-con3-arrow .img-box{opacity:0; transition:var(--transition-custom2);}
.motion .secure-rental-con3-arrow.m-arrow{display: none;}
.motion .secure-rental-con3-box{opacity:0; transform:translateX(100px) scale(0.9); /* transition: all 1s ease-in-out; */ transition: all 0.6s ease-in-out;}
.motion .secure-rental-con3-box + .secure-rental-con3-box{opacity:0; transform:translateX(-100px) scale(0.9);}
.motion .secure-rental-con3-item{opacity:0;}
/* animated */
.animated.motion .secure-rental-con3-arrow:before,
.animated.motion .secure-rental-con3-arrow:after,
.animated.motion .secure-rental-con3-arrow .img-box{opacity:1;}
.animated.motion .secure-rental-con3-box{opacity:1; transform:translateX(0px) scale(1);}
.animated.motion .secure-rental-con3-item{animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1.35s 1 normal both running item-motion;}
.animated.motion .secure-rental-con3-item:nth-child(1){animation-delay:0.45s}
.animated.motion .secure-rental-con3-item:nth-child(2){animation-delay:0.55s}
.animated.motion .secure-rental-con3-item:nth-child(3){animation-delay:0.65s}
.animated.motion .secure-rental-con3-item:nth-child(4){animation-delay:0.75s}
.animated.motion .secure-rental-con3-item:nth-child(5){animation-delay:0.85s}
.animated.motion .secure-rental-con3-item:nth-child(6){animation-delay:0.95s}
.animated.motion .secure-rental-con3-item:nth-child(7){animation-delay:1.05s}
.animated.motion .secure-rental-con3-item:nth-child(8){animation-delay:1.15s}
.animated.motion .secure-rental-con3-item:nth-child(9){animation-delay:1.25s}
.animated.motion .secure-rental-con3-item:nth-child(10){animation-delay:1.35s}

@keyframes item-motion{
	from{transform:scaleY(0) translateY(-8px); transform-origin:top center; opacity:0;}
	to{transform:scaleY(1) translateY(0); opacity:1;}
}


.secure-rental-con4 {background: #f5f5f5; padding: var(--cm-con-padding) 0;}
/* Display */
.secure-rental-display-list {display:flex; flex-wrap:wrap; margin: -1.93rem -2rem;}
.secure-rental-display-list li {margin: 1.93rem 2rem; width: calc(50% - 4rem);}
.secure-rental-display-list .tit {font-size:2.4rem; color: #000; font-weight: 700; letter-spacing:-0.05em; line-height:1.6em; text-align:center; margin-top: 1.6rem;}
.secure-rental-display-list .img-box {border-radius: 1.2rem; border: 2px solid #fff; box-sizing: border-box; overflow:hidden;}
/* animated */
.secure-rental-display-list li {opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.secure-rental-display-list.animated li {opacity: 1; transform: translateY(0);}
.secure-rental-display-list.animated li:nth-child(2) {transition-delay: 0.3s;}
.secure-rental-display-list.animated li:nth-child(3) {transition-delay: 0.5s;}
.secure-rental-display-list.animated li:nth-child(4) {transition-delay: 0.7s;}

.secure-rental-con5 {background: #fff;}
/* Inclusions */
.secure-inclusions-list {display:flex; margin: 0 -1rem; }
.secure-inclusions-list li {margin: 0 1rem; width: calc((100% - 2rem) / 2); border: 3px solid #3E89FF; box-sizing: border-box; border-radius: 1.5rem;}
.secure-inclusions-list .tit-box {border-radius: 1rem 1rem 0 0; background:#3E89FF; text-align:center; height: 8rem; line-height:8rem;}
.secure-inclusions-list .tit-box p {font-size: 2.4rem; color: #fff; /* line-height: 1.6em; */ letter-spacing: -0.05em; font-weight: 500;} 
.secure-inclusions-list .tit-box p > span {font-weight: 700;}
.secure-inclusions-list .inner-box .item {display:flex; align-items:center; border-bottom:1px solid rgba(0,0,0,0.1); padding: 2rem 1.7rem;}
.secure-inclusions-list .img-box {width: 23rem;}
.secure-inclusions-list .img-box img {width: 100%; border-radius: 0.8rem;}
.secure-inclusions-list .txt-box {margin-left: 3.2rem; width: calc(100% - (23rem + 3.2rem));}
.secure-inclusions-list .txt-box p {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.4em; margin-bottom: 0.4rem;}
.secure-inclusions-list .txt-box p em {color: #3E89FF; font-weight: 800;}
.secure-inclusions-list .txt-box span {font-size:1.6rem; letter-spacing:-0.05em; color: #555; line-height:1.6em;}
/* animated */
.secure-inclusions-list li {opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.secure-inclusions-list.animated li {opacity: 1; transform: translateY(0);}
.secure-inclusions-list.animated li:nth-child(2) {transition-delay: 0.3s;}

.secure-rental-con7{}
.secure-rental-con7-wrapper{}
.secure-rental-con7-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.secure-rental-con7-item{margin: 1rem; width: calc(33.33% - 2rem); position: relative;}
.secure-rental-con7-bg{position: relative; width: 100%; height: 0; padding-top: 129.19%; border-radius: 1.6rem; overflow: hidden;}
.secure-rental-con7-bg:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.6rem; z-index: 2; content: ''; opacity: 1; transition: var(--transition-custom); transition-property: opacity;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+35,000000+100&0+0,0.05+20,0.15+35,0.75+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.secure-rental-con7-bg:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.6rem; z-index: 2; content: ''; opacity: 0; transition: var(--transition-custom); transition-property: opacity;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e89ff+0,3e89ff+20,3e89ff+35,3e89ff+100&0+0,0.05+20,0.15+35,0.75+100 */
background: linear-gradient(to bottom,  rgba(62,137,255,0) 0%,rgba(62,137,255,0.05) 20%,rgba(62,137,255,0.15) 35%,rgba(62,137,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.secure-rental-con7-bg .blur{position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; display: block; z-index: 1; backdrop-filter: blur(0.1rem);}
.secure-rental-con7-bg img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.secure-rental-con7-txt{position: absolute; bottom: 9.6%; left: 1.5rem; right: 1.5rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: rgba(255,255,255,0.6); text-align: center; z-index: 3;  transition: var(--transition-custom); transition-property: color;}
.secure-rental-con7-txt b{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #fff; display: block;}
/* hover */
.secure-rental-con7-item:hover .secure-rental-con7-bg:before{opacity: 0;}
.secure-rental-con7-item:hover .secure-rental-con7-bg:after{opacity: 1;}
.secure-rental-con7-item:hover .secure-rental-con7-txt{color: #fff;}
/* animated */
.secure-rental-con7-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.secure-rental-con7-list.animated .secure-rental-con7-item{opacity: 1; transform: translateY(0);}
.secure-rental-con7-list.animated .secure-rental-con7-item:nth-child(2){transition-delay:0.3s;}
.secure-rental-con7-list.animated .secure-rental-con7-item:nth-child(3){transition-delay:0.5s;}

@media all and (max-width:800px){
	.secure-rental-con2-list{margin: -1rem;}
	.secure-rental-con2-item{margin: 1rem; width: calc(100% - 2rem);}
	.secure-rental-con2-inner{padding: 3rem 3rem; flex-wrap:wrap; border-radius: 1.6rem;}
	.secure-rental-con2-txt{width: 100%;}
	.secure-rental-con2-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
	.secure-rental-con2-txt p{margin-top: 1.6rem; padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; position: relative; transition: var(--transition-custom); transition-property: color;}
	.secure-rental-con2-txt p + p{/* margin-top: 0.4rem; */ margin-top: 0;}
	.secure-rental-con2-txt p:before{position: absolute; top: 0; left: 0; font-size: 1.8rem; content: "\e929"; font-family: xeicon;}
	.secure-rental-con2-icon{margin-top: 0; width: 100%; height: 16rem; display: flex; justify-content: center; text-align: center;}
	.secure-rental-con2-icon img{max-height: 100%; display: inline-block;}
	
	.secure-rental-con3-box.no-img,
	.secure-rental-con3-box{width: 100%; padding: 4rem 3rem; border-radius: 1.6rem;}
	.secure-rental-con3-box.no-img + .secure-rental-con3-box.no-img,
	.secure-rental-con3-box + .secure-rental-con3-box{margin-top: 2rem; padding-top: 4rem; padding-bottom: 4rem;}
	.secure-rental-con3-tit{font-size: 2rem; line-height: 1.6;}
	.secure-rental-con3-list{margin-top: 3rem;}
	.secure-rental-con3-item{min-height: 6.2rem; padding: 0.5rem 3rem; padding-left: 4rem; padding-right: 1rem; font-size: 1.5rem; line-height: 1.6;}
	.secure-rental-con3-box.no-img .secure-rental-con3-item {min-height: 8.8rem;}
	.secure-rental-con3-item i {font-size: 2.4rem}
	.secure-rental-con3-item .num{top: 2rem; left: 2rem; width: 5rem; height: 5rem; font-size: 1.4rem;}
	.secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-tit {margin-top: 3rem;}
	/* 중앙 화살표 */
	.secure-rental-con3-arrow {top: 0; transform: translate(-50%, -50%); margin-top: 0; margin-left: 0; left: 50%; width: 7rem; height: 7rem;}
	.secure-rental-con3-arrow:before{padding: 2px; background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(255, 255, 255, 0.2) 100%);}
	.secure-rental-con3-arrow:after{margin-top: -1.5rem; font-size: 2rem; line-height: 3rem;}
	/* 이미지박스 */
	.secure-rental-con3-img-box {margin-top: 2.5rem;}
	/* 모션용 추가 */
	.secure-rental-con3-item.is-compare-asis {padding-left: 5.5rem;}
	.secure-rental-con3-item.is-compare-asis + .secure-rental-con3-item{border-color: transparent !important;}
	.secure-rental-con3-item.is-compare-tobe{padding-left: 5.5rem;}
	.secure-rental-con3-item.is-compare-tobe + .secure-rental-con3-item{border-color: transparent !important;}
	.secure-rental-con3-item.is-compare-asis i{left: 2rem;}
	.secure-rental-con3-item.is-compare-tobe i {left: 2rem;}
	.motion .secure-rental-con3-box:first-child{z-index: 1;}
	.motion .secure-rental-con3-arrow.pc-arrow{display: none;}
	.motion .secure-rental-con3-arrow.m-arrow{top: calc(100% + 1rem); display: block;}
	
	.secure-rental-display-list {margin: -1.5rem 0 0;}
	.secure-rental-display-list li {width: 100%; margin: 1.5rem 0;}	
	.secure-rental-display-list .img-box img {width: 100%;}
	
	.secure-inclusions-list {flex-wrap:wrap;}
	.secure-inclusions-list li {width: 100%; margin-top: 3rem;}
	.secure-inclusions-list li:first-of-type {margin-top: 0;}
	.secure-inclusions-list .tit-box {height: 7rem; line-height:7rem;}
	.secure-inclusions-list .tit-box p {font-size:2.1rem;}
	.secure-inclusions-list .inner-box .item {display: block; padding: 2rem 1.7rem;}
	.secure-inclusions-list .img-box {width: 100%;}
	.secure-inclusions-list .txt-box {margin-top: 2rem; margin-left: 0; width: 100%; text-align: center;}
	.secure-inclusions-list .txt-box p {font-size:1.7rem;}	
	.secure-inclusions-list .txt-box span {font-size:1.5rem;}

	.secure-rental-con7-list{margin: -1rem;}
	.secure-rental-con7-item{margin: 1rem; width: calc(100% - 2rem);}
	.secure-rental-con7-bg{border-radius: 1.6rem;}
	.secure-rental-con7-txt{bottom: 9.6%; left: 1.5rem; right: 1.5rem; font-size: 1.8rem; line-height: 1.6;}
	.secure-rental-con7-txt b{font-size: 2.4rem; line-height: 1.6;}
}


/* ****************** 02 주차 시스템 :: 01 요금정산 :: 솔루션 소개 ********************** */
.fee-settlement-con1{}
.fee-settlement-con1-wrapper{}
.fee-settlement-con1-list{}
.fee-settlement-con1-item{display: flex; flex-wrap:wrap; align-items: center;}
.fee-settlement-con1-item + .fee-settlement-con1-item{margin-top: 4.8rem;}
.fee-settlement-con1-item:nth-child(odd){flex-direction: row-reverse;}
.fee-settlement-con1-txt{width: 55%; padding-right: 5.83%; box-sizing: border-box; counter-reset: checkNum;}
.fee-settlement-con1-item:nth-child(odd) .fee-settlement-con1-txt{padding-right: 0; padding-left: 5.83%;}
.fee-settlement-con1-txt .tit{margin-bottom: 0.8rem; font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.fee-settlement-con1-txt .gm-sub-tit{margin-bottom: 1.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: var(--blue-color);}
.fee-settlement-con1-txt .txt{font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
.fee-settlement-con1-txt .txt + .txt{margin-top: 1.6rem;}
.fee-settlement-con1-txt .txt b{color: #000;}
.fee-settlement-con1-txt .check-txt{position: relative; padding-left: 2.2rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; counter-increment: checkNum;}
.fee-settlement-con1-txt .check-txt + .check-txt{margin-top: 0.4rem;}
.fee-settlement-con1-txt .check-txt:before{position: absolute; top: 0; left: 0; font-weight: 700; color: #555; content: counter(checkNum);}
.fee-settlement-con1-txt .check-txt b{font-weight: 700; margin-right: 1rem;}
.fee-settlement-con1-txt .check-txt.has-icon:before{content: "\e929"; font-family: xeicon; font-weight:400;}
.fee-settlement-con1-img{width: 45%;}
.fee-settlement-con1-img span{position: relative; width: 100%; height: 0; padding-top: 59.25%; border-radius: 1.6rem; overflow: hidden; display: block;}
.fee-settlement-con1-img span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* animated */
.fee-settlement-con1-img{opacity: 0; transform: translateX(50px); transition: var(--transition-custom2);}
.fee-settlement-con1-item:nth-child(odd) .fee-settlement-con1-img{transform: translateX(-50px);}
.fee-settlement-con1-item:nth-child(odd).animated .fee-settlement-con1-img,
.fee-settlement-con1-item.animated .fee-settlement-con1-img{opacity: 1; transform: translateX(0);}
.fee-settlement-con1-txt{opacity: 0; transform: translateX(-50px); transition: var(--transition-custom2);}
.fee-settlement-con1-item:nth-child(odd) .fee-settlement-con1-txt{transform: translateX(50px);}
.fee-settlement-con1-item:nth-child(odd).animated .fee-settlement-con1-txt,
.fee-settlement-con1-item.animated .fee-settlement-con1-txt{opacity: 1; transform: translateX(0);}

.fee-settlement-con4{padding: var(--cm-con-padding) 0; position: relative;}
.fee-settlement-con4:before{position: absolute; top: 0; left: 50%; margin-left: -100vw; width: 200vw; height: 100%; background-color: #F5F5F5; content: '';}
.fee-settlement-con4-inner{position: relative;}
.fee-settlement-con4-box{padding: 7.2rem 4rem 6.4rem; background-color: #fff; border-radius: 3.2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box;}
.fee-settlement-con4-img{position: relative;}
.fee-settlement-con4-img .pos-r{}
.fee-settlement-con4-img .pos-a{position: absolute; top: 0; left: 0;}
.fee-settlement-con4-box img{width: 100%; max-width: 1040px;}
.fee-settlement-con4-box p{margin-top: 6.4rem; font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000; text-align: center;}
.fee-settlement-con4-box p b{font-weight: 700; color: var(--main-color);}
.fee-settlement-con4-box + .fee-settlement-con4-wrapper{margin-top: 4.8rem;}
.fee-settlement-con4-wrapper{}
.fee-settlement-con4-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.fee-settlement-con4-item{margin: 1rem; width: calc(50% - 2rem);}
.fee-settlement-con4-item-inner{padding: 4.8rem; width: 100%; background-color: #fff; border-radius: 1.6rem; box-sizing: border-box; position: relative; box-shadow: 0 2rem 8rem 0 rgba(0,0,0,0.05); transition: var(--transition-custom); transition-property: background-color, box-shadow;}
.fee-settlement-con4-item-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.5) 2.27%, rgba(255,255,255, 0.25) 49.29%, rgba(255,255,255,0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.fee-settlement-con4-item h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000; transition: var(--transition-custom); transition-property: color;}
.fee-settlement-con4-item p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; transition: var(--transition-custom); transition-property: color;}
/* active */
.fee-settlement-con4-item.active .fee-settlement-con4-item-inner{background-color: var(--blue-color); box-shadow: 0 0 4rem 0 rgba(var(--rgb-blue-color),0.1);}
.fee-settlement-con4-item.active .fee-settlement-con4-item-inner:before{opacity: 1;}
.fee-settlement-con4-item.active h5,
.fee-settlement-con4-item.active p{color: #fff;}
/* animated */
.fee-settlement-con4-img .pos-r,
.fee-settlement-con4-img .pos-a{opacity: 0; transition: var(--transition-custom2);}
.fee-settlement-con4-img.animated .pos-r,
.fee-settlement-con4-img.animated .pos-a{opacity: 1;}
.fee-settlement-con4-img.animated .pos-r{transition-delay:0.2s;}
.fee-settlement-con4-img.animated .pos-a.img2{transition-delay:0.5s;}
.fee-settlement-con4-img.animated .pos-a.img3{transition-delay:0.7s;}
.fee-settlement-con4-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.fee-settlement-con4-list.animated .fee-settlement-con4-item{opacity: 1; transform: translateY(0);}
.fee-settlement-con4-list.animated .fee-settlement-con4-item:nth-child(2){transition-delay:0.3s;}
.fee-settlement-con4-list.animated .fee-settlement-con4-item:nth-child(3){transition-delay:0.5s;}
.fee-settlement-con4-list.animated .fee-settlement-con4-item:nth-child(4){transition-delay:0.7s;}

.fee-settlement-con5{}
.fee-settlement-con5-wrapper{}
.fee-settlement-con5-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.fee-settlement-con5-item{margin: 1rem; width: calc(50% - 2rem); position: relative;}
.fee-settlement-con5-item:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.6rem; z-index: 3; content: ''; backdrop-filter: blur(0.1rem); opacity: 0; transition: var(--transition-custom); transition-property: opacity;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e89ff+0,3e89ff+20,3e89ff+35,3e89ff+100&0+0,0.05+20,0.15+35,0.75+100 */
background: linear-gradient(to bottom,  rgba(62,137,255,0) 0%,rgba(62,137,255,0.05) 20%,rgba(62,137,255,0.15) 35%,rgba(62,137,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.fee-settlement-con5-bg{position: relative; width: 100%; height: 0; padding-top: 84.74%; border-radius: 1.6rem; overflow: hidden;}
.fee-settlement-con5-bg:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; border-radius: 1.6rem; z-index: 2; content: ''; opacity: 1; transition: var(--transition-custom); transition-property: opacity; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+35,000000+100&0+0,0.05+20,0.15+35,0.75+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 20%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.fee-settlement-con5-bg:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; border-radius: 1.6rem; z-index: 2; content: ''; backdrop-filter: blur(0.05rem); opacity: 1; transition: var(--transition-custom); transition-property: opacity;}
.fee-settlement-con5-bg img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.fee-settlement-con5-txt{position: absolute; bottom: 9.6%; left: 1.5rem; right: 1.5rem; text-align: center; z-index: 4;}
.fee-settlement-con5-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #fff;}
.fee-settlement-con5-txt p{margin-top: 1.2rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: rgba(255,255,255,0.6); transition: var(--transition-custom); transition-property: color;}
/* hover */
.fee-settlement-con5-item:hover:after{opacity: 1;}
.fee-settlement-con5-item:hover .fee-settlement-con5-bg:before,
.fee-settlement-con5-item:hover .fee-settlement-con5-bg:after{opacity: 0;}
.fee-settlement-con5-item:hover .fee-settlement-con5-txt p{color: #fff;}
/* animated */
.fee-settlement-con5-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.fee-settlement-con5-list.animated .fee-settlement-con5-item{opacity: 1; transform: translateY(0);}
.fee-settlement-con5-list.animated .fee-settlement-con5-item:nth-child(2){transition-delay:0.3s;}
.fee-settlement-con5-list.animated .fee-settlement-con5-item:nth-child(3){transition-delay:0.5s;}
.fee-settlement-con5-list.animated .fee-settlement-con5-item:nth-child(4){transition-delay:0.7s;}

.fee-settlement-con6{position: relative;}
.fee-settlement-con6-inner{position: relative; z-index: 1;}
.fee-settlement-con6-container{padding-top: 12rem; position: relative;}
.fee-settlement-con6-container:before{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; max-width:var(--area-max-width); height: 100%; background-color: #F5F5F5; border-radius: 6.4rem 6.4rem 0 0; content: '';}
.fee-settlement-con6-box{position: relative;}
.fee-settlement-con6-center{margin: 0 auto; width: 54.95rem; position: relative;}
.fee-settlement-con6-center .earth-img{position: absolute; top: 17.27%; left: 50%; transform: translateX(-50%); width: 36rem;}
.fee-settlement-con6-center .earth-img img{max-width: 100%; filter: drop-shadow(0 0 10rem rgba(var(--rgb-blue-color),0.1));}
.fee-settlement-con6-center .line-img{position: relative; width: 100%;}
.fee-settlement-con6-center .line-img img{max-width: 100%;}
.fee-settlement-con6-center .txt{position: absolute; top: 50%; left: 50%; margin-left: -11rem; transform: translateY(-50%); width: 22rem; font-size: 1.8rem; letter-spacing: -0.05em; font-weight: 600; color: rgba(0,0,0,0.4); text-align: center;}
.fee-settlement-con6-center .txt b{margin: 1.2rem 0; font-size: 4rem; letter-spacing: -0.025em; font-weight: 700; color: var(--blue-color); display: block;}

:root{
	--fscon6-icon-width: 10rem;
	--fscon6-btn-width: 12rem;
	--fscon6-item-width: 40rem;
}
.fee-settlement-con6-list{}
.fee-settlement-con6-item{position: absolute; left: 50%; padding: 1rem; width: var(--fscon6-item-width); /* height: 12rem; */ box-sizing: border-box; display: flex; flex-wrap:wrap; align-items: center;}
.fee-settlement-con6-item:before{position: absolute; top: 50%; content: '';}
.fee-settlement-con6-item:after{position: absolute; top: 50%; margin-top: -0.6rem; left: -0.6rem; width: 1.2rem; height: 1.2rem; background-color: #fff; border: 2px solid var(--blue-color); border-radius: 100%; box-sizing: border-box; content: '';}
.fee-settlement-con6-bg{position: absolute; top: 0; left: 0; width: var(--fscon6-btn-width); height: 100%; background-color: #fff; border-radius: 0.8rem; display: block; box-shadow: 0 0 2rem 0 rgba(var(--rgb-blue-color),0.15); transition: var(--transition-custom2); transition-property: width;}
.fee-settlement-con6-bg:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: "";}
.fee-settlement-con6-icon{width: var(--fscon6-icon-width); position: relative;}
.fee-settlement-con6-icon img{width: 100%;}
.fee-settlement-con6-txt{padding-left: 3rem; width: calc(100% - var(--fscon6-icon-width)); font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; position: relative; box-sizing: border-box; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.fee-settlement-con6-item:nth-child(1),
.fee-settlement-con6-item:nth-child(2){flex-direction: row-reverse;}
.fee-settlement-con6-item:nth-child(1):before{margin-top: -0.15rem; right: -12.25rem; width: 12.25rem; height: 0.3rem; background: url("../web-static-images/content/fee_settlement_con6_line01.png") center/cover no-repeat;}
.fee-settlement-con6-item:nth-child(2):before{margin-top: -0.15rem; right: -15.55rem; width: 15.55rem; height: 0.3rem; background: url("../web-static-images/content/fee_settlement_con6_line02.png") center/cover no-repeat;}
.fee-settlement-con6-item:nth-child(3):before{margin-top: -4rem; left: -30.7rem; width: 30.7rem; height: 4.3rem; background: url("../web-static-images/content/fee_settlement_con6_line03.png") center/cover no-repeat;}
.fee-settlement-con6-item:nth-child(4):before{margin-top: -10.4rem; left: -16.2rem; width: 16.2rem; height: 10.7rem; background: url("../web-static-images/content/fee_settlement_con6_line04.png") center/cover no-repeat;}
.fee-settlement-con6-item:nth-child(5):before{margin-top: -0.15rem; left: -24.25rem; width: 24.25rem; height: 0.3rem; background: url("../web-static-images/content/fee_settlement_con6_line05.png") center/cover no-repeat;}
.fee-settlement-con6-item:nth-child(1):after,
.fee-settlement-con6-item:nth-child(2):after{left: auto; right: -0.6rem;}
.fee-settlement-con6-item:nth-child(1) .fee-settlement-con6-bg,
.fee-settlement-con6-item:nth-child(2) .fee-settlement-con6-bg{left: auto; right: 0;}
.fee-settlement-con6-item:nth-child(1) .fee-settlement-con6-txt,
.fee-settlement-con6-item:nth-child(2) .fee-settlement-con6-txt{padding-left: 0; padding-right: 3rem; text-align: right;}
.fee-settlement-con6-item1{margin-left: calc(-1 * (var(--fscon6-item-width) + 40rem)); top: 28.18%;}
.fee-settlement-con6-item2{margin-left: calc(-1 * (var(--fscon6-item-width) + 40rem)); top: 66.36%;}
.fee-settlement-con6-item3{margin-left: 40rem; top: 1.4%;}
.fee-settlement-con6-item4{margin-left: 40rem; top: 39.45%;}
.fee-settlement-con6-item5{margin-left: 40rem; top: 77.63%;}
/* active */
.fee-settlement-con6-item.active .fee-settlement-con6-bg{width: var(--fscon6-item-width);}
.fee-settlement-con6-item.active .fee-settlement-con6-txt{opacity: 1; transition-delay: 0.5s;}
/* animated */
.fee-settlement-con6-center{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.fee-settlement-con6-box.animated .fee-settlement-con6-center{opacity: 1; transform: translateY(0);}
.fee-settlement-con6-item{opacity: 0; transform: scale(0); transition: var(--transition-custom2);  transform-origin:left;}
.fee-settlement-con6-item:nth-child(1),
.fee-settlement-con6-item:nth-child(2){transform-origin:right;}
.fee-settlement-con6-box.animated .fee-settlement-con6-item{opacity: 1; transform: scale(1);}
.fee-settlement-con6-box.animated .fee-settlement-con6-item:nth-child(2){transition-delay:0.2s;}
.fee-settlement-con6-box.animated .fee-settlement-con6-item:nth-child(3){transition-delay:0.4s;}
.fee-settlement-con6-box.animated .fee-settlement-con6-item:nth-child(4){transition-delay:0.6s;}
.fee-settlement-con6-box.animated .fee-settlement-con6-item:nth-child(5){transition-delay:0.8s;}

.fee-settlement-con7{margin-top: 0 !important; padding: var(--cm-con-padding) 0; position: relative;}
/* .fee-settlement-con7:before{position: absolute; top: 0; left: 50%; margin-left: -100vw; width: 200vw; height: 100%; background-color: #F5F5F5; content: '';} */
.fee-settlement-con7-inner{position: relative;}
.fee-settlement-con7-list{display: flex;}
.fee-settlement-con7-item{width: 28rem; position: relative;}
.fee-settlement-con7-item ~ *{margin-left: -5rem;}
.fee-settlement-con7-cir{padding: 0; position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 100%; backdrop-filter: blur(0.7rem); overflow: hidden; transition: var(--transition-custom); transition-property: background-color, box-shadow;}
.fee-settlement-con7-cir:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.fee-settlement-con7-cir svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: var(--transition-custom); transition-property: opacity;}
.fee-settlement-con7-cir-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.fee-settlement-con7-icon{width: 57.2%; max-width: 160px;}
.fee-settlement-con7-icon img{width: 100%;}
.fee-settlement-con7-txt{margin-top: 2.4rem; font-size: 1.8rem; letter-spacing: -0.05em; color: rgba(0,0,0,0.6); text-align: center; transition: var(--transition-custom); transition-property: color;}
.fee-settlement-con7 .cloud-rental-con3-result{max-width: 794px; margin-left: auto; margin-right: auto;}
/* active */
.fee-settlement-con7-item.active{z-index: 1;}
.fee-settlement-con7-item.active .fee-settlement-con7-cir{background-color: #fff; box-shadow: 0 0 6rem 0 rgba(var(--rgb-blue-color),0.15);}
.fee-settlement-con7-item.active .fee-settlement-con7-cir:before{opacity: 1;}
.fee-settlement-con7-item.active .fee-settlement-con7-cir svg{opacity: 0;}
.fee-settlement-con7-item.active .fee-settlement-con7-txt{font-weight: 700; color: var(--blue-color);}
/* animated */
.fee-settlement-con7-item{opacity: 0;  transition: var(--transition-custom2);}
.fee-settlement-con7-item:nth-child(1){transform: translateX(calc(200% - 10rem));}
.fee-settlement-con7-item:nth-child(2){transform: translateX(calc(100% - 5rem));}
.fee-settlement-con7-item:nth-child(4){transform: translateX(calc(-100% + 5rem));}
.fee-settlement-con7-item:nth-child(5){transform: translateX(calc(-200% + 10rem));}
.fee-settlement-con7-list.animated .fee-settlement-con7-item{opacity: 1; transform: translateX(0);}

/* 요금정산 Serverless Cloud 디자인 수정 */
.fee-settlement-con8 {position: relative; padding:24rem 0 16rem;}
.fee-settlement-list08-center {text-align: center; padding-bottom: 2rem;}
.fee-settlement-list08-center .center-img {width: 40rem; margin: 0 auto;}
.fee-settlement-list08-center .center-img img {max-width: 100%;}
.fee-settlement-list08-center .center-txt strong {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; color: var(--blue-color); line-height: 1.6;}
.fee-settlement-list08-center .center-txt .txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.6; margin-top: 0.4rem;}

.fee-settlement-list08 {position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: center;}
.fee-settlement-list08-item {position: relative; width: 16rem; }
.fee-settlement-list08-item:before {position: absolute; content: ''; width: 1.2rem; height: 11.6rem; z-index: 1; background: url("../web-static-images/content/fee_settlement_con8_dot.svg")no-repeat center/100%;}
.fee-settlement-list08-item.item01 {transform:translate(-7.5rem, 36.4rem)}
.fee-settlement-list08-item.item01:before {top: 50%; margin-top: -5.8rem; left: calc(100% + 4.4rem); transform:rotate(-90deg)}
.fee-settlement-list08-item.item02 {transform:translate(-11.2rem, 13.6rem)}
.fee-settlement-list08-item.item02:before {top: calc(100% - 4.4rem); right: -1.8rem;  transform:rotate(-45deg)}
.fee-settlement-list08-item.item03 {transform:translate(0, 0)}
.fee-settlement-list08-item.item03:before {top: calc(100% - 0.6rem); left: 50%; margin-left: -0.6rem;}
.fee-settlement-list08-item.item04 {transform:translate(13.2rem, 13.6rem)}
.fee-settlement-list08-item.item04:before {top: calc(100% - 4.4rem); left: -1.8rem;  transform:rotate(45deg)}
.fee-settlement-list08-item.item05 {transform:translate(7.5rem, 36.4rem)}
.fee-settlement-list08-item.item05:before {top: 50%; margin-top: -5.8rem; right: calc(100% + 4.4rem); transform:rotate(90deg)}
.fee-settlement-list08-cir {padding: 0; position: relative; width: 100%;height: 0; padding-top: 100%; border-radius: 100%; backdrop-filter: blur(0.7rem);overflow: hidden; transition: var(--transition-custom);  transition-property: background-color, box-shadow;}
.fee-settlement-list08-cir:before {position: absolute; inset: 0;padding: 3px; border-radius: inherit;  background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  -webkit-mask-composite: xor;  mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom);transition-property: opacity;}
.fee-settlement-list08-cir svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: var(--transition-custom); transition-property: opacity;}
.fee-settlement-list08-cir-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.fee-settlement-list08-icon {width: 50%; max-width: 8rem;}
.fee-settlement-list08-icon img{width: 100%;}
.fee-settlement-list08-txt {margin-top: 1rem; font-size: 1.4rem; letter-spacing: -0.05em; font-weight: 400; color: rgba(0,0,0,0.6); text-align: center;  transition: var(--transition-custom); transition-property: color;}
/* active */
.fee-settlement-list08-item.active .fee-settlement-list08-cir{background-color: #fff; box-shadow: 0 0 6rem 0 rgba(var(--rgb-blue-color),0.15);}
.fee-settlement-list08-item.active .fee-settlement-list08-cir:before{opacity: 1;}
.fee-settlement-list08-item.active .fee-settlement-list08-cir svg{opacity: 0;}
.fee-settlement-list08-item.active .fee-settlement-list08-txt {font-weight: 700; color: var(--blue-color);}
/* animated */
.fee-settlement-list08-item{opacity: 0;  transition: var(--transition-custom2); transition-property: opacity;}
.fee-settlement-con8.animated .fee-settlement-list08-item{opacity: 1; }
.fee-settlement-con8.animated .fee-settlement-list08-item.item02 {transition-delay:0.2s;}
.fee-settlement-con8.animated .fee-settlement-list08-item.item03 {transition-delay:0.4s;}
.fee-settlement-con8.animated .fee-settlement-list08-item.item04 {transition-delay:0.6s;}
.fee-settlement-con8.animated .fee-settlement-list08-item.item05 {transition-delay:0.8s;}


@media all and (max-width:1740px){
	:root{
		--fscon6-item-width: 21vw;
	}
	.fee-settlement-con6-container:before{width: calc(100vw - calc(var(--area-padding)*2)); max-width: none;}
	/* .fee-settlement-con6-container:before{left: -20rem; width: calc(100% + 20rem); transform: translateX(0); max-width: none;} */
	
}
@media all and (max-width:1280px){
	:root{
		--fscon6-icon-width: 8rem;
		--fscon6-btn-width: 10rem;
	}
	
	.fee-settlement-con6-center{/* width: 54.95rem; width: 43.96rem; */ width: 38.465rem;}
	.fee-settlement-con6-center .earth-img{/* width: 36rem; width: 28.8rem; */ width: 25.2rem;}
	.fee-settlement-con6-center .txt{font-size: 1.6rem;}
	.fee-settlement-con6-center .txt b{font-size: 3.2rem;}
	.fee-settlement-con6-item1{margin-left: calc(-1 * (var(--fscon6-item-width) + 29rem));}
	.fee-settlement-con6-item2{margin-left: calc(-1 * (var(--fscon6-item-width) + 29rem));}
	.fee-settlement-con6-item3{margin-left: 29rem;}
	.fee-settlement-con6-item4{margin-left: 29rem;}
	.fee-settlement-con6-item5{margin-left: 29rem;}
	
	.fee-settlement-con6-item:before {transform: scale(0.7);}
	.fee-settlement-con6-item:nth-child(1):before{right: -9.25rem;}
	.fee-settlement-con6-item:nth-child(2):before{right: -12.55rem;}
	.fee-settlement-con6-item:nth-child(3):before{margin-top: -3.5rem; left: -26.7rem;}
	.fee-settlement-con6-item:nth-child(4):before{margin-top: -9rem; left: -13.2rem;}
	.fee-settlement-con6-item:nth-child(5):before{left: -21.25rem;}
	
	.fee-settlement-con6-txt{padding-left: 1.5rem; font-size: 1.5rem;}
	.fee-settlement-con6-item:nth-child(1) .fee-settlement-con6-txt,
	.fee-settlement-con6-item:nth-child(2) .fee-settlement-con6-txt{padding-left: 0; padding-right: 1.5rem;}
}
@media all and (max-width:800px){
	.fee-settlement-con1-item + .fee-settlement-con1-item{margin-top: 4rem;}
	.fee-settlement-con1-item:nth-child(odd){flex-direction: initial;}
	.fee-settlement-con1-txt{width: 100%; padding-right: 0;}
	.fee-settlement-con1-item:nth-child(odd) .fee-settlement-con1-txt{padding-right: 0; padding-left: 0;}
	.fee-settlement-con1-txt .tit{margin-bottom: 0.8rem; font-size: 2.4rem; line-height: 1.6;}
	.fee-settlement-con1-txt .gm-sub-tit{margin-bottom: 1.6rem; font-size: 1.8rem; line-height: 1.6;}
	.fee-settlement-con1-txt .txt{font-size: 1.8rem; line-height: 1.6;}
	.fee-settlement-con1-txt .txt + .txt{margin-top: 1.6rem;}
	.fee-settlement-con1-txt .check-txt{padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6;}
	.fee-settlement-con1-txt .check-txt + .check-txt{margin-top: 0.4rem;}
	.fee-settlement-con1-txt .check-txt b{margin-right: 1rem;}
	.fee-settlement-con1-img{margin-top: 2.5rem; width: 100%;}
	.fee-settlement-con1-img span{border-radius: 1.6rem;}

	.fee-settlement-con4{padding: var(--cm-con-padding) 0;}
	.fee-settlement-con4-box{padding: 7.2rem 3rem 6.4rem; border-radius: 3.2rem;}
	.fee-settlement-con4-box p{margin-top: 6.4rem; font-size: 2.4rem; line-height: 1.6;}
	.fee-settlement-con4-box + .fee-settlement-con4-wrapper{margin-top: 4rem;}
	.fee-settlement-con4-list{margin: -1rem;}
	.fee-settlement-con4-item{margin: 1rem; width: calc(100% - 2rem);}
	.fee-settlement-con4-item-inner{padding: 3rem; border-radius: 1.6rem;}
	.fee-settlement-con4-item h5{font-size: 2.4rem; line-height: 1.6;}
	.fee-settlement-con4-item p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6;}

	.fee-settlement-con5-list{margin: -1rem;}
	.fee-settlement-con5-item{margin: 1rem; width: calc(100% - 2rem);}
	.fee-settlement-con5-bg{border-radius: 1.6rem;}
	.fee-settlement-con5-txt{bottom: 9.6%; left: 1.5rem; right: 1.5rem;}
	.fee-settlement-con5-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.fee-settlement-con5-txt p{margin-top: 1.2rem; font-size: 1.8rem; line-height: 1.6;}
	
	.fee-settlement-con6-container{padding-top: 8rem;}
	.fee-settlement-con6-container:before{width: calc(100vw - calc(var(--area-padding)*2)); width: 100vw;}
	.fee-settlement-con6-center{width: 54.95rem; width: 38.465rem}
	.fee-settlement-con6-center .earth-img{top: 17.27%; top: 16%; width: 36rem; width: 25.2rem;}
	.fee-settlement-con6-center .txt{top: 48%; margin-left: -11rem; width: 22rem; font-size: 1.8rem;}
	.fee-settlement-con6-center .txt b{margin: 1.2rem 0; font-size: 3.2rem;}

	:root{
		--fscon6-icon-width: 10rem;
		--fscon6-btn-width: 100%;
		--fscon6-item-width: 100%;
	}
	.fee-settlement-con6-item{margin-top: 2rem;}
	.fee-settlement-con6-item{position: relative; left: auto; padding: 1rem; padding-right: 2rem; width: var(--fscon6-item-width);}
	.fee-settlement-con6-item + .fee-settlement-con6-item{margin-top: 1rem;}
	.fee-settlement-con6-item:before,
	.fee-settlement-con6-item:after{display: none;}
	.fee-settlement-con6-icon{width: var(--fscon6-icon-width);}
	.fee-settlement-con6-txt{padding-left: 2rem; width: calc(100% - var(--fscon6-icon-width)); font-size: 1.8rem; line-height: 1.6; opacity: 1;}
	.fee-settlement-con6-item:nth-child(1),
	.fee-settlement-con6-item:nth-child(2){flex-direction: initial;}
	.fee-settlement-con6-item:nth-child(1) .fee-settlement-con6-bg,
	.fee-settlement-con6-item:nth-child(2) .fee-settlement-con6-bg{left: auto; right: 0;}
	.fee-settlement-con6-item:nth-child(1) .fee-settlement-con6-txt,
	.fee-settlement-con6-item:nth-child(2) .fee-settlement-con6-txt{padding-left: 2rem; padding-right: 0; text-align: left;}
	.fee-settlement-con6-item1,
	.fee-settlement-con6-item2,
	.fee-settlement-con6-item3,
	.fee-settlement-con6-item4,
	.fee-settlement-con6-item5{margin-left: 0; top: auto;}

	.fee-settlement-con7{margin-top: 0 !important; padding: var(--cm-con-padding) 0;}
	.fee-settlement-con7-list{padding-left: 1rem; margin: 0 auto -5rem; max-width: 40rem; flex-wrap:wrap; justify-content: center;}
	.fee-settlement-con7-item{width: 20rem; position: relative;}
	.fee-settlement-con7-item ~ *{margin-left: 0;}
	.fee-settlement-con7-item:nth-child(2) ~ *{top: -1rem;}
	.fee-settlement-con7-item:nth-child(even){left: -1rem;}
	.fee-settlement-con7-item:nth-child(5){top: -5rem; left: -0.5rem;}
	.fee-settlement-con7-cir{padding: 0; position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 100%; backdrop-filter: blur(0.7rem); overflow: hidden; transition: var(--transition-custom); transition-property: background-color, box-shadow;}
	.fee-settlement-con7-cir:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
	.fee-settlement-con7-cir svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: var(--transition-custom); transition-property: opacity;}
	.fee-settlement-con7-cir-inner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.fee-settlement-con7-icon{width: 57.14%;}
	.fee-settlement-con7-icon img{width: 100%;}
	.fee-settlement-con7-txt{margin-top: 2.4rem; font-size: 1.8rem; letter-spacing: -0.05em; color: rgba(0,0,0,0.6); text-align: center; transition: var(--transition-custom); transition-property: color;}
	
	/* 요금정산 Serverless Cloud 디자인 수정 */
	.fee-settlement-con8 { padding: 36rem 0 var(--cm-con-padding);;}
	.fee-settlement-list08-center .center-img {width: 50%; max-width: 30rem;}
	.fee-settlement-list08 {display: flex; flex-wrap: wrap;}
	.fee-settlement-list08:before {position: absolute; content: ''; width: 1.2rem; height: 11.6rem; top: 100%; left: 50%; margin-left: -0.6rem; z-index: 1; background: url(../web-static-images/content/fee_settlement_con8_dot.svg)no-repeat center/100%;}
	.fee-settlement-list08-item {transform:translate(0) !important; width: 33.33%; max-width: 14rem;}
	.fee-settlement-list08-item:before {display: none !important;}

}


/* ****************** 02 주차 시스템 :: 01 요금정산 :: 제품 소개 ********************** */
.fee-settlement-product-page{padding-bottom: 21rem;}
.gm-fee-product-wrapper{}
.gm-fee-product-list{margin: -2rem -1rem; display: flex; flex-wrap:wrap;}
.gm-fee-product-item{margin: 2rem 1rem; width: calc(25% - 2rem);}
.gm-fee-product-inner{padding: 0 0 1rem; width: 100%; background-color: #F5F5F5; border: 1px solid #F5F5F5; border-radius: 1.6rem; display: block; box-sizing: border-box; transition: var(--transition-custom); transition-property: background-color, border-color, box-shadow;}
.gm-fee-product-img{position: relative; width: 100%; height: 0; padding-top: 100%;}
.gm-fee-product-img img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 85%; max-height: 85%;}
.gm-fee-product-txt{margin: 1rem 1rem 0; padding: 2rem; background-color: rgba(255,255,255,0.75); border-radius: 0.8rem; transition: var(--transition-custom); transition-property: background-color;}
.gm-fee-product-txt .category{font-size: 1.4rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.05em; color: #767676; transition: var(--transition-custom); transition-property: color;}
.gm-fee-product-txt .tit{margin-top: 1rem; font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 600; color: #000; transition: var(--transition-custom); transition-property: color;}
.gm-fee-product-txt .txt{margin-top: 1rem; font-size: 1.4rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.05em; color: #767676; transition: var(--transition-custom); transition-property: color;}

.gm-fee-product-inner:hover{background-color: #fff; border-color: var(--main-color); box-shadow: 0 0 4rem 0 rgba(255,51,41,0.2);}
.gm-fee-product-inner:hover .gm-fee-product-txt{background-color: var(--main-color);}
.gm-fee-product-inner:hover .gm-fee-product-txt .category,
.gm-fee-product-inner:hover .gm-fee-product-txt .tit,
.gm-fee-product-inner:hover .gm-fee-product-txt .txt{color: #fff;}

.gm-fee-product-catalog-btn{margin-top: 8rem; padding-top: 8rem; border-top: 1px solid #D9D9D9; display: flex; justify-content: center;}
.gm-fee-product-catalog-btn a{width: 24rem; height: 6.4rem; font-size: 1.8rem; letter-spacing: -0.04em; color: #fff; text-align: center; font-family: var(--font-family2); background-color: #000; border-radius: 0.8rem;  display: flex; align-items: center; justify-content: center; position: relative;}
.gm-fee-product-catalog-btn a i{margin-left: 0.6rem;}
.gm-fee-product-catalog-btn a:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.7) 2.27%, rgba(255, 52, 41, 0.2) 49.29%, rgba(255,255,255,0.7) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: "";}

@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	.fee-settlement-product-page{padding-bottom: 14rem;}
	.gm-fee-product-list{margin: -2rem -1rem;}
	.gm-fee-product-item{margin: 2rem 1rem; width: calc(50% - 2rem);}
	.gm-fee-product-inner{padding: 0 0 1rem; border-radius: 1.6rem;}
	.gm-fee-product-txt{margin: 1rem 1rem 0; padding: 2rem; border-radius: 0.8rem;}
	.gm-fee-product-txt .category{font-size: 1.4rem; line-height: 1.3;}
	.gm-fee-product-txt .tit{margin-top: 1rem; font-size: 2.4rem; line-height: 1.3;}
	.gm-fee-product-txt .txt{margin-top: 1rem; font-size: 1.4rem; line-height: 1.3;}

	.gm-fee-product-catalog-btn{margin-top: 5rem; padding-top: 5rem;}
	.gm-fee-product-catalog-btn a{width: 24rem; height: 6.4rem; font-size: 1.8rem; border-radius: 0.8rem;}
	.gm-fee-product-catalog-btn a i{margin-left: 0.6rem;}
}

/* ****************** 02 주차 시스템 :: 01 요금정산 :: 제품 소개 :: 팝업 ********************** */
.pop-product-con{padding: 2.4rem; border: 1px solid #D9D9D9; border-radius: 1.6rem; display: flex; flex-wrap:wrap; align-items: center; text-align: left;}
.pop-product-img{width: 47.5%;}
.pop-product-img span {position: relative; width: 100%; height: 0; padding-top: 94.73%; display: block; border-radius: 1.6rem; background-color: #F5F5F5;}
.pop-product-img span img {position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; max-width: 90%; max-height: 90%;}
.pop-product-txt{width: 52.5%; padding: 0 2.6% 0 4.38%; box-sizing: border-box;}
.pop-product-txt .category{font-size: 1.4rem; line-height: 1.2; font-weight: 600; letter-spacing: -0.05em; color: var(--main-color); display: block;}
.pop-product-txt .tit{margin-top: 0.8rem; font-size: 2.8rem; line-height: 1.2; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.pop-product-txt .gm-sub-tit{margin-top: 0.8rem; font-size: 1.4rem; line-height: 1.2; font-weight: 600; letter-spacing: -0.05em; color: #999; display: block;}
.pop-product-txt .info-list{margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px solid rgba(0,0,0,0.15);}
.pop-product-txt .info-list li{position: relative; padding-left: 2.4rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
.pop-product-txt .info-list li + li{margin-top: 0.8rem;}
.pop-product-txt .info-list li:before{position: absolute; top: 0.2rem; left: 0; font-size: 1.6rem; content: "\e929"; font-family: xeicon;}
@media all and ( max-width: 800px ){
	.pop-product-con{padding: 2.4rem; border-radius: 1.6rem; flex-direction: column-reverse;}
	.pop-product-img{width: 100%;}
	.pop-product-img span {padding-top: 94.73%; border-radius: 1.6rem;}
	.pop-product-txt{width: 100%; padding: 1rem 0 2.4rem;}
	.pop-product-txt .category{font-size: 1.4rem; line-height: 1.2;}
	.pop-product-txt .tit{margin-top: 0.8rem; font-size: 2.8rem; line-height: 1.2;}
	.pop-product-txt .gm-sub-tit{margin-top: 0.8rem; font-size: 1.4rem; line-height: 1.2;}
	.pop-product-txt .info-list{margin-top: 2.4rem; padding-top: 2.4rem;}
	.pop-product-txt .info-list li{position: relative; padding-left: 2.4rem; font-size: 1.8rem; line-height: 1.6;}
	.pop-product-txt .info-list li + li{margin-top: 0.8rem;}
	.pop-product-txt .info-list li:before{top: 0.2rem; font-size: 1.6rem;}
}

/* ****************** 02 주차 시스템 :: 02 오피스 출입통제 ********************** */
.office-access-con1-wrapper{max-width: 1000px; margin: 0 auto;}
.office-access-con1-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.office-access-con1-item{margin: 1rem; width: calc(50% - 2rem); padding: 6.4rem 4.8rem; background-color: #fff; border-radius: 1.6rem; box-sizing: border-box; box-shadow: 0 2rem 8rem -1rem rgba(0,0,0,0.1); text-align: center;}
.office-access-con1-img{display: flex; justify-content: center;}
.office-access-con1-img img{max-width: 36rem; width: 100%;}
.office-access-con1-txt{margin-top: 3.1rem;}
.office-access-con1-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.office-access-con1-txt p{margin-top: 0.4rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}

.office-access-con2 .cloud-rental-con3-item{padding: 2.4rem 2.4rem 0; background-color: #fff;}
.office-access-con2 .cloud-rental-con3-img{padding-top: 55.35%;}
.office-access-con2 .cloud-rental-con3-txt{padding: 4.8rem 0 6.4rem; height: auto;}
.office-access-con2 .cloud-rental-con3-txt h5{font-size: 2.8rem; line-height: 1.6; letter-spacing: -0.05em;}
.office-access-con2 .cloud-rental-con3-txt p{margin-top: 1.2rem; font-size: 2rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}

.office-access-con3{}
/* Feature */
.feature-box {position: relative;}
.feature-list {display:flex; flex-wrap:wrap; padding-top: 6rem;}
.feature-list li {position: absolute;}
.feature-list li .feature-inner{position: relative; background:#F5F5F5;  transition: var(--transition-custom); border-radius:16px; padding: 4.8rem; min-width:36rem; min-height: 27.8rem; box-sizing: border-box;}
.feature-list li .feature-inner:before {	position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity; }
.feature-list li.active .feature-inner{background: #fff;}
.feature-list li.active .feature-inner:before {opacity: 1;}

.feature-list li:nth-child(2) {right: 0;}
.feature-list li:nth-child(3) {left: 0; top: 38.6rem;}
.feature-list li:nth-child(4) {right: 0; top: 38.6rem;}
.feature-list li .dot {display:inline-block; background: #fff; width: 1.8rem; height: 1.8rem; border:3px solid #3E89FF; box-sizing:border-box; border-radius:100%; }
.feature-list li:nth-child(1) .dot {position:absolute; right: -0.9rem; top: 50%; transform:translateY(-50%);}
.feature-list li:nth-child(2) .dot {position:absolute; left: -0.9rem; top: 50%; transform:translateY(-50%);}
.feature-list li:nth-child(3) .dot {position:absolute; right: -0.9rem; top: 50%; transform:translateY(-50%);}
.feature-list li:nth-child(4) .dot {position:absolute; left: -0.9rem; top: 50%; transform:translateY(-50%);}
.feature-list li:nth-child(1):after {display: block; content:""; position:absolute; right: -21.2rem; top:calc(50% + 4rem); transform:translateY(-50%); background: url("../web-static-images/content/feature_line01.png")no-repeat; background-size:cover; width: 19.6rem; height:8.5rem;}
.feature-list li:nth-child(2):after {display: block; content:""; position:absolute; left: -21.2rem; top:calc(50% + 4rem); transform:translateY(-50%); background: url("../web-static-images/content/feature_line02.png")no-repeat; background-size:cover; width: 19.6rem; height:8.5rem;}
.feature-list li:nth-child(3):after {display: block; content:""; position:absolute; right: -21.2rem; top:calc(50% - 4rem); transform:translateY(-50%); background: url("../web-static-images/content/feature_line03.png")no-repeat; background-size:cover; width: 19.6rem; height:8.5rem;}
.feature-list li:nth-child(4):after {display: block; content:""; position:absolute; left: -21.2rem; top:calc(50% - 4rem); transform:translateY(-50%); background: url("../web-static-images/content/feature_line04.png")no-repeat; background-size:cover; width: 19.6rem; height:8.5rem;}

.feature-list .tit {position: relative; font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.6em; }
.feature-list .inner-list {position: relative; margin-top: 1.6rem;}
.feature-list .inner-list p {display:flex; font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em;}
.feature-list .inner-list p i {margin-right: 0.8rem; margin-top: 0.5rem;}
.feature-box .img-box {text-align:center; width: 71.429%; margin: -14rem auto 0;}
.feature-box .img-box img {max-width:100%;}
.feature-box .img-box .pc-img{display: block;}
.feature-box .img-box .m-img{display: none;}
/* animated */
.feature-box .img-box{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.feature-box.animated .img-box{opacity: 1; transform: translateY(0);}
.feature-list li{opacity: 0; transform: scale(0); transition:var(--transition-custom2); transform-origin:left;}
.feature-list li:nth-child(1),
.feature-list li:nth-child(2){transform-origin:right;}
.feature-box.animated .feature-list li{opacity: 1; transform: scale(1);}
.feature-box.animated .feature-list li:nth-child(2){transition-delay:0.2s;}
.feature-box.animated .feature-list li:nth-child(3){transition-delay:0.4s;}
.feature-box.animated .feature-list li:nth-child(4){transition-delay:0.6s;}
.feature-box.animated .feature-list li:nth-child(5){transition-delay:0.8s;}

.office-access-con5{}
/* animated */
.office-inclusions-list li .circle-box,
.office-inclusions-list li .tit-box{opacity: 0; transition: var(--transition-custom2);}
.office-inclusions-list li:nth-child(1) .circle-box,
.office-inclusions-list li:nth-child(1) .tit-box{transform: translateX(calc(100% - 13rem));}
.office-inclusions-list li:nth-child(3) .circle-box,
.office-inclusions-list li:nth-child(3) .tit-box{transform: translateX(calc(-100% + 13rem));}
.office-inclusions-list.animated li .circle-box,
.office-inclusions-list.animated li .tit-box{opacity: 1; transform: translateX(0);}

.office-access-con5 {margin-bottom: 17.6rem;}
/* Inclusions */
.office-inclusions-box {padding-top: 3.6rem;}
.office-inclusions-list {display:flex; justify-content:center; margin: 0 -6.5rem;}
.office-inclusions-list li {width: 30rem; margin:0 6.5rem;}
.office-inclusions-list li .inner-box {width: 100%; position: relative; height: 0; padding-top: 100%;}
.office-inclusions-list li .circle-box {width: 100%; position: relative;}
.office-inclusions-list li .icon-box {width: 100%; position: absolute; /* height: 0; padding-top: 100%; */ height: 100%; top: 0; border-radius: 100%; background: #fff; box-shadow: 0px 0px 48px 0px rgba(62, 137, 239, 0.25);}
.office-inclusions-list li .icon-box:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 113.334%; height: 113.334%; border-radius: 100%; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/office_circle_bg.png) no-repeat; background-size:100%; opacity: 0; transition: var(--transition-custom); }
.office-inclusions-list li .icon-box span {display: block; width: 15rem; height: 15rem; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1;}
.office-inclusions-list li .icon-box span img {/* position:absolute; top: 0; right: 0; bottom: 0; left: 0; */ max-width:100%; max-height:100%; margin:0 auto;}
.office-inclusions-list li .icon-box:after { opacity: 0; display: block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(circle, rgba(62, 137, 255, 0.9) 0%, rgba(22, 99, 219, 1) 100%); box-shadow: none; border-radius: inherit; transition: var(--transition-custom); }
.office-inclusions-list .tit-box p {font-size:1.8rem; letter-spacing:-0.05em; line-height:1.6; text-align:center; color: #000; margin-top: 4rem;}
.office-inclusions-list .icon-tit {font-size: 2.4rem; letter-spacing: -0.05em; color: #3E89FF; font-weight: 600; text-align: center; position: absolute; bottom: 6rem; left: 50%; width: 100%; 
transform: translateX(-50%); transition: var(--transition-custom);}
.office-inclusions-list li .line-box {display: block; position: absolute; width: 8rem; height: 2px; background: rgba(62, 137, 255, 0.2); left: calc(100% + 2.4rem); top: 50%; transform: translateY(-50%); transition: var(--transition-custom);}
.office-inclusions-list li .line-box:before {display: block; content: ""; width: 1.2rem; height: 1.2rem; background: rgba(62, 137, 255, 0.2); border-radius: 100%; top: 50%; position: absolute; left: -15%; transform: translateY(-50%); transition: var(--transition-custom);} .office-inclusions-list li .line-box:after {display: block; content: ""; width: 1.2rem; height: 1.2rem; border-radius: 100%; background: rgba(62, 137, 255, 0.2); position: absolute; right: -1.2rem; top: 50%; transform: translateY(-50%); transition: var(--transition-custom);}
/* active */
.office-inclusions-list li.active .line-box,
.office-inclusions-list li.active .line-box:before,
.office-inclusions-list li.active .line-box:after {background: rgba(62, 137, 255, 1);}
/* prev */
.office-inclusions-list li.prev-active .line-box,
.office-inclusions-list li.prev-active .line-box:before,
.office-inclusions-list li.prev-active .line-box:after {
	background: rgba(62, 137, 255, 1);
}

.office-inclusions-list li:nth-child(3).active .line-box,
.office-inclusions-list li:nth-child(3).active .line-box:before,
.office-inclusions-list li:nth-child(3).active .line-box:after {background: rgba(62, 137, 255, 1);}
.office-inclusions-list li.active .icon-box:after { opacity: 1; }
.office-inclusions-list li.active .icon-box:before { opacity: 1; animation:circle-ani 20s linear infinite;}
.office-inclusions-list li.active .icon-tit {color: #fff;}

@keyframes circle-ani {
	0%{transform:translate(-50%, -50%) rotate(0deg);}
	100%{transform:translate(-50%, -50%) rotate(360deg);}
}

/* Benefit */
.swiper-container.benefit-container {margin-left: 24rem; display: block;}
.benefit-box {padding: var(--cm-con-padding) 0; border-radius:32px; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/benefit_bg.jpg) no-repeat; background-size:cover;}
.benefit-box .gm-cm-sub-title-box{padding: 0 var(--area-padding);}
.benefit-wrapper{align-items: stretch; transition-timing-function: linear !important;}
.benefit-item {padding: 4rem; box-sizing: border-box; background: rgba(255,255,255,0.5); border-radius: 1.6rem; margin: 0; height: auto !important; min-height: 100%; transition:var(--transition-custom);}
.benefit-item .tit-box span {font-size:1.6rem; letter-spacing:-0.02em; color:#3E89FF; font-weight: 700; line-height:1.1em;}
.benefit-item .tit-box strong {display: block; font-size:6.4rem; letter-spacing:-0.05em; color:#3E89FF; font-weight: 600; line-height:1.1em; margin-left: -0.1em;}
.benefit-item .txt-box {margin-top: 2.4rem;}
.benefit-item .txt01 {font-size:2.4rem; letter-spacing:-0.05em; color:#000; font-weight: 600; line-height:1.6em;}
.benefit-item .txt02 {font-size:1.8rem; letter-spacing:-0.05em; color:#555; line-height:1.6em; margin-top: 0.8rem;}
.benefit-item:hover {background: #fff;}

@media all and (max-width:1280px){
	.feature-list li:nth-child(1), .feature-list li:nth-child(2) {top: -2rem;}
	.feature-list li:nth-child(3), .feature-list li:nth-child(4) {top: 25rem;}
	.feature-list li .feature-inner{min-width:28rem; min-height:22rem; padding: 3rem;}
	.feature-list .tit {font-size:2rem;}
	.feature-list .inner-list p {font-size:1.6rem;}
	.feature-list li .dot {width: 1.4rem; height: 1.4rem; border:2px solid #3E89FF;}
	.feature-list li:nth-child(1) .dot {right: -0.7rem;}
	.feature-list li:nth-child(2) .dot {left: -0.7rem;}
	.feature-list li:nth-child(3) .dot {right: -0.7rem;}
	.feature-list li:nth-child(4) .dot {left: -0.7rem;}
	.feature-list li:nth-child(1):after {background-size: contain; width: 11.6rem; height: 8.5rem; right: -12.8rem; top: calc(50% + 4.1rem);}
	.feature-list li:nth-child(2):after {background-size: contain; width: 11.6rem; height: 8.5rem; left: -12.8rem; top: calc(50% + 4.1rem);}
	.feature-list li:nth-child(3):after {background-size: contain; width: 11.6rem; height: 8.5rem; right: -12.8rem; top: calc(50% - 0.45rem);}
	.feature-list li:nth-child(4):after {background-size: contain; width: 11.6rem; height: 8.5rem; left: -12.8rem; top: calc(50% - 0.45rem);}
	
	.office-inclusions-list li {width: 22rem;}
	.office-inclusions-list li .icon-box span {width: 9rem; height: 9rem;}
	.office-inclusions-list .icon-tit {font-size:2.2rem;}
}
@media all and (max-width:800px){
	.office-access-con1-item{width: calc(100% - 2rem); padding: 4rem 3rem; border-radius: 1.6rem;}
	
	.office-access-con2 .cloud-rental-con3-txt{padding: 3rem 0 4rem;}
	.office-access-con2 .cloud-rental-con3-txt h5{font-size: 2.8rem; font-size: 2.4rem; line-height: 1.6;}
	.office-access-con2 .cloud-rental-con3-txt p{margin-top: 1.2rem; font-size: 2rem; font-size: 1.8rem; line-height: 1.6;}
	
	.feature-box {display: flex; flex-direction: column-reverse;}
	.feature-list {padding-top: 6rem;}
	.feature-list li {position:relative; width: 100%; margin-top: 1.5rem;}
	.feature-list li:nth-child(1), .feature-list li:nth-child(2) {top: 0;}
	.feature-list li:nth-child(3), .feature-list li:nth-child(4) {top: 0;}
	.feature-list li:first-of-type {margin-top: 0;}
	.feature-list li .feature-inner{min-width: initial; min-height: initial; width: 100%;}
	.feature-list li .dot {display:none;}
	.feature-list li:after {display:none !important;}
	.feature-box .img-box {width: 100%; margin: 0 auto;}
	.feature-box .img-box .pc-img{display: none;}
	.feature-box .img-box .m-img{display: block;}
	.feature-box .img-box .m-img img{max-width: 70%; display: inline-block;}
	
	.feature-list .tit {font-size:2.4rem; line-height:1.6em;}
	.feature-list .inner-list {/* margin-top: 1.6rem; */ margin-top: 1rem;}
	.feature-list .inner-list p {font-size:1.8rem; line-height:1.6em;}
	.feature-list .inner-list p i {margin-right: 0.8rem; margin-top: 0.5rem;}

	.office-access-con5 {margin-bottom: 8rem;}
	.office-inclusions-list {flex-direction: column;}
	.office-inclusions-list li {margin: 0 auto 5rem; width: 25rem;}
	.office-inclusions-list .icon-tit {font-size:2rem;}
	.office-inclusions-list li .line-box {display:none;}
	.office-inclusions-list li .line-box2 {display:none;}
	
	.swiper-container.benefit-container {margin-left: 10rem;}
	.benefit-item {padding: 3rem;}
	.benefit-item .tit-box strong {font-size:4.5rem;}
	.benefit-item .txt01 {font-size:2rem;} 
	.benefit-item .txt02 {font-size:1.6rem;} 
}
@media all and (max-width:480px){
	.swiper-container.benefit-container {margin-left: 2.5rem;}
}


/* ****************** 02 주차 시스템 :: 03 아파트 출입통제 ********************** */
.apartment-access-con2{}
.apartment-access-con2 .rental-365-con4-list{justify-content: center;}
.apartment-access-con2 .rental-365-con4-txt{color: #555;}
.apartment-access-con2 .rental-365-con4-txt b{font-weight: 600; color: #000;}

.apartment-access-con3 .rental-365-con4-list{justify-content: center;}

.apartment-access-con4{}
.apartment-access-con4-wrapper{}
.apartment-access-con4-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.apartment-access-con4-item{margin: 1rem; width: calc(50% - 2rem);}
.apartment-access-con4-inner{padding: 4.8rem; width: 100%; min-height: 44rem; background-color: #F5F5F5; box-sizing: border-box; border-radius: 1.6rem; position: relative; transition: var(--transition-custom); transition-property: background-color, box-shadow;}
.apartment-access-con4-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity; z-index: 1;}
.apartment-access-con4-txt{position: relative; z-index: 1;}
.apartment-access-con4-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
.apartment-access-con4-txt h5 em{font-weight: 600;}
.apartment-access-con4-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; position: relative; transition: var(--transition-custom); transition-property: color;}
.apartment-access-con4-txt .check-txt{position: relative; padding-left: 2.6rem; color: #000;}
.apartment-access-con4-txt .check-txt + .check-txt{margin-top: 0.4rem;}
.apartment-access-con4-txt .check-txt:before{position: absolute; top: 0; left: 0; content: "\e929"; font-family: xeicon;}
.apartment-access-con4-img{position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end;}
.apartment-access-con4-img picture,
.apartment-access-con4-img img{width: 100%; height: 100%; object-fit: cover;}
/* active */
.apartment-access-con4-item.active .apartment-access-con4-inner{background-color: #fff; box-shadow: 0 0 4rem 0 rgba(var(--rgb-blue-color),0.1);}
.apartment-access-con4-item.active .apartment-access-con4-inner:before{opacity: 1;}
.apartment-access-con4-item.active .apartment-access-con4-txt h5{color: var(--blue-color);}
.apartment-access-con4-item.active .apartment-access-con4-txt p{color: #000;}
/* animated */
.apartment-access-con4-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.apartment-access-con4-list.animated .apartment-access-con4-item{opacity: 1; transform: translateY(0);}
.apartment-access-con4-list.animated .apartment-access-con4-item:nth-child(2){transition-delay:0.3s}
.apartment-access-con4-list.animated .apartment-access-con4-item:nth-child(3){transition-delay:0.5s}
.apartment-access-con4-list.animated .apartment-access-con4-item:nth-child(4){transition-delay:0.7s}

.apartment-access-con5{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.apartment-access-con5-wrapper{width: 100%;}
.apartment-access-con5-list{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(6, 1fr); gap: 2rem;}
.apartment-access-con5-item{}
.apartment-access-con5-inner{padding: 4.8rem; height: 100%; background-color: #fff; box-sizing: border-box; border-radius: 1.6rem; position: relative; transition: var(--transition-custom); transition-property: background-color, box-shadow; position: relative;}
.apartment-access-con5-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.5) 2.27%, rgba(255,255,255, 0.25) 49.29%, rgba(255,255,255,0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
/* 왼쪽 2단 카드 */
.apartment-access-con5-item:nth-child(1) {min-height: 44rem; grid-column: 1; grid-row: 1 / 4;}
.apartment-access-con5-item:nth-child(2) {min-height: 44rem; grid-column: 1; grid-row: 4 / 7;}
/* 오른쪽 3단 카드 */
.apartment-access-con5-item:nth-child(3) {grid-column: 2; grid-row: 1 / 3;}
.apartment-access-con5-item:nth-child(4) {grid-column: 2; grid-row: 3 / 5;}
.apartment-access-con5-item:nth-child(5) {grid-column: 2; grid-row: 5 / 7;}
.apartment-access-con5-txt{position: relative; z-index: 1;}
.apartment-access-con5-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
.apartment-access-con5-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; position: relative; transition: var(--transition-custom); transition-property: color;}
.apartment-access-con5-item:nth-child(3) .apartment-access-con5-txt .pc-br,
.apartment-access-con5-item:nth-child(4) .apartment-access-con5-txt .pc-br,
.apartment-access-con5-item:nth-child(5) .apartment-access-con5-txt .pc-br{display: block;}
.apartment-access-con5-img{position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end;}
.apartment-access-con5-img picture,
.apartment-access-con5-img img{width: 100%; height: 100%; object-fit: cover;}
/* active */
.apartment-access-con5-item.active .apartment-access-con5-inner{background-color: var(--blue-color); box-shadow: 0 0 4rem 0 rgba(var(--rgb-blue-color),0.1);}
.apartment-access-con5-item.active .apartment-access-con5-inner:before{opacity: 1;}
.apartment-access-con5-item.active .apartment-access-con5-txt h5,
.apartment-access-con5-item.active .apartment-access-con5-txt p{color: #fff;}
/* animated */
.apartment-access-con5-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.apartment-access-con5-list.animated .apartment-access-con5-item{opacity: 1; transform: translateY(0);}
.apartment-access-con5-list.animated .apartment-access-con5-item:nth-child(2){transition-delay:0.2s}
.apartment-access-con5-list.animated .apartment-access-con5-item:nth-child(3){transition-delay:0.4s}
.apartment-access-con5-list.animated .apartment-access-con5-item:nth-child(4){transition-delay:0.6s}
.apartment-access-con5-list.animated .apartment-access-con5-item:nth-child(5){transition-delay:0.8s}

@media all and (max-width:1280px){ 
	.apartment-access-con4-txt p .pc-br{display:block;}
}
@media all and (max-width:800px){
	.apartment-access-con4-list{margin: -1rem;}
	.apartment-access-con4-item{margin: 1rem; width: calc(100% - 2rem);}
	.apartment-access-con4-inner{padding: 3rem; padding-bottom: 20rem; min-height: auto; border-radius: 1.6rem;}
	.apartment-access-con4-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.apartment-access-con4-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6;}
	.apartment-access-con4-txt p .pc-br{display:none;}
	.apartment-access-con4-txt .check-txt{padding-left: 2.6rem;}
	.apartment-access-con4-txt .check-txt + .check-txt{margin-top: 0.4rem;}
	
	.apartment-access-con4-img picture, .apartment-access-con4-img img {object-fit: contain; object-position: right bottom;}
	
	.apartment-access-con5-list{display: block; gap: 2rem;}
	/* 왼쪽 2단 카드 */
	.apartment-access-con5-item:nth-child(1),
	.apartment-access-con5-item:nth-child(2) {min-height: auto;}
	.apartment-access-con5-item + .apartment-access-con5-item{margin-top: 2rem;}
	.apartment-access-con5-inner{padding: 3rem; border-radius: 1.6rem;}
	.apartment-access-con5-item:nth-child(1) .apartment-access-con5-inner,
	.apartment-access-con5-item:nth-child(2) .apartment-access-con5-inner{min-height: auto; padding-bottom: 18rem;}
	.apartment-access-con5-item:nth-child(3) .apartment-access-con5-inner,
	.apartment-access-con5-item:nth-child(4) .apartment-access-con5-inner,
	.apartment-access-con5-item:nth-child(5) .apartment-access-con5-inner{padding-bottom: 12rem;}
	.apartment-access-con5-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.apartment-access-con5-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6;}
	.apartment-access-con5-img{height: 100%;}
	.apartment-access-con5-item:nth-child(1) .apartment-access-con5-img,
	.apartment-access-con5-item:nth-child(2) .apartment-access-con5-img{justify-content: center;}
	.apartment-access-con5-img picture, .apartment-access-con5-img img {object-fit: contain; object-position: center bottom;}
	.apartment-access-con5-item:nth-child(3) .apartment-access-con5-img img,
	.apartment-access-con5-item:nth-child(4) .apartment-access-con5-img img,
	.apartment-access-con5-item:nth-child(5) .apartment-access-con5-img img{object-position: right bottom;}
}


/* ****************** 02 주차 시스템 :: 04 무인 노상 AI LPR ********************** */
.ai-lpr-con02 {background: #f5f5f5; padding: var(--cm-con-padding) 0;}
.ai-lpr-con02 .cloud-rental-con3-result{max-width: 794px; margin-left: auto; margin-right: auto;}

/* On-Street AI LPR */
.ai-lpr-detail-box {position: relative;}
.ai-lpr-list-box {width: 42.6rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 35.5%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);  height: 100%;}
.ai-lpr-list li {position:absolute; background: #fff; border-radius:8px; min-width:38.7rem; max-width:38.7rem; padding: 3.2rem; box-sizing:border-box;}
.ai-lpr-list li:before {display: block; content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;   opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.ai-lpr-list li.active:before {opacity: 1;}   
.ai-lpr-list li:nth-child(1) {top: 48px; left:calc(-100% + 3rem); top:48px; left:-38.7rem;}
.ai-lpr-list li:nth-child(2) {top: 72px; left:100%;}
.ai-lpr-list li:nth-child(3) {top: 241px; left:calc(100% - 1rem); left: 100%;}
.ai-lpr-list li:nth-child(1):after {display: block; content: ""; position: absolute; right: -87px; top: 47px; background: url("../web-static-images/content/aiLPR_line01.png") no-repeat; background-size: contain; width: 76px; height: 3px;}
.ai-lpr-list li:nth-child(2):after {display: block; content:""; position:absolute; left:-10.5rem; top: -7px; background: url("../web-static-images/content/aiLPR_line02.png")no-repeat; background-size:cover; width: 9.4rem; height:8.1rem;}
.ai-lpr-list li:nth-child(3):after {display: block; content: ""; position: absolute; left: -28.7rem; top: -3rem; background: url("../web-static-images/content/aiLPR_line03.png") no-repeat; background-size: contain; width: 28rem; height: 10.4rem;}

.ai-lpr-list li .dot {position:absolute; display:inline-block; background: #fff; width: 1.2rem; height: 1.2rem; border:2px solid #3E89FF; box-sizing:border-box; border-radius:100%;}
.ai-lpr-list li:nth-child(1) .dot {top: 42px; right: -0.6rem;}
.ai-lpr-list li:nth-child(2) .dot {top: 50%; transform:translateY(-50%); left: -0.6rem;}
.ai-lpr-list li:nth-child(3) .dot {top: 50%; transform:translateY(-50%); left: -0.6rem;}
.ai-lpr-list .tit {position: relative; font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.6em; }
.ai-lpr-list .inner-list {position: relative; margin-top: 1.6rem;}
.ai-lpr-list .inner-list p {display:flex; font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em; transition:var(--transition-custom);}
.ai-lpr-list .inner-list p i {margin-right: 0.8rem; margin-top: 0.5rem; transition:var(--transition-custom);}
.ai-lpr-list li.active .inner-list p, .ai-lpr-list li.active .inner-list p i {color: #000;}
.ai-lpr-detail-box .img-box {position: relative; width:33.334%; margin:0 auto; left:2.166%; text-align:center;}
.ai-lpr-detail-box .img-box img {max-width:100%;}
.ai-lpr-detail-box .gm-total-box {justify-content:center; height:9.6rem; display:flex; align-items:center; box-sizing:border-box; background: #3E89FF; border-radius:16px; box-shadow: 0px 0px 40px 0px rgba(62, 137, 239, 0.15);}
.ai-lpr-detail-box .gm-total-box p {color: #fff; font-size:2.4rem; letter-spacing:-0.05em; font-weight: 700; line-height:1.1;}
.ai-lpr-bottom {margin-top: 4.8rem;}
.ai-lpr-bottom .dots {display:flex; justify-content:center; align-items:center; flex-direction:column; margin: -0.4rem 0 4.8rem;}
.ai-lpr-bottom .dots span {display:inline-block; width: 0.8rem; height: 0.8rem; border-radius:100%; background: rgba(62, 137, 255, 0.2); margin: 0.4rem 0;}
.ai-lpr-bottom .dots span:nth-of-type(2) {background: rgba(62, 137, 255, 0.5);}
.ai-lpr-bottom .dots span:nth-of-type(3) {background: rgba(62, 137, 255, 1);}

.ai-lpr-list li {opacity: 0; transform: translateX(-3rem) scale(0); transition: var(--transition-custom2); transform-origin: left center;}
.ai-lpr-list li:nth-child(1) {transform: translateX(3rem) scale(0); transform-origin: right center;}
.ai-lpr-detail-box .img-box {opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.ai-lpr-detail-box.animated .img-box {opacity: 1; transform: translateY(0);}
.ai-lpr-detail-box.animated .ai-lpr-list li {opacity: 1; transform: translateX(0) scale(1);}
.ai-lpr-detail-box.animated .ai-lpr-list li:nth-child(2) {transition-delay:0.2s;}
.ai-lpr-detail-box.animated .ai-lpr-list li:nth-child(3) {transition-delay:0.4s;}

.ai-lpr-con04{padding-bottom: var(--cm-con-padding);}

@media all and (max-width:1280px){
	.ai-lpr-list .tit {font-size:2rem;}
	.ai-lpr-list .inner-list p {font-size:1.6rem;}	
	.ai-lpr-detail-box .img-box {width: 25%; margin: 0 auto;}	
	.ai-lpr-list li .dot {width:9px; height:9px;}
	.ai-lpr-list li:nth-child(1) .dot {top:44px; right:-4.5px;}
	.ai-lpr-list li:nth-child(1):after {right: -8.7rem; top: 47px; background: url("../web-static-images/content/aiLPR_line01.png") no-repeat; background-size: contain; width: 7.6rem; height: 3px;}
	.ai-lpr-list li {min-width:28rem; max-width:31rem;}
	.ai-lpr-list li:nth-child(1) {top: 0; left: calc(-100% + 5.5rem); left:calc(-100% + 12rem);}
	.ai-lpr-list li:nth-child(2) {top: 5rem; left: calc(100% - 2rem);}
	.ai-lpr-list li:nth-child(3) {top: 21rem; left: calc(100% - 2rem);}
	.ai-lpr-list li:nth-child(2):after {background-size: 100%; width: 8.1rem; left: -9rem; top: -0.7rem;}
	.ai-lpr-list li:nth-child(3) {top: 21rem; left: calc(100% - 2rem);}
	.ai-lpr-list li:nth-child(3) .dot {top: 0.5rem; transform:none;}
	.ai-lpr-list li:nth-child(2) .dot {top: calc(50% - 0.7rem);}
	.ai-lpr-list li:nth-child(3):after {background-size: 100%; left: -22rem; top: -6.8rem; width: 21rem;}
	.ai-lpr-bottom {margin-top: 15rem;}
	.ai-lpr-detail-box .gm-total-box {height: 8rem; padding: 2rem; box-sizing: border-box; text-align: center;}
	.ai-lpr-detail-box .gm-total-box p {font-size:1.8rem; line-height: 1.3em;}
}
@media all and (max-width:800px){
	.ai-lpr-detail-box .img-box {width: 40%;}
	.ai-lpr-list-box {position:static; width: 100%; transform:none;}
	.ai-lpr-list li {position:relative; min-width: initial; max-width: initial; width: 100%; margin-top: 1.5rem;}
	.ai-lpr-list li:nth-child(1), .ai-lpr-list li:nth-child(2), .ai-lpr-list li:nth-child(3) {top: 0; left: 0;}
	
	.ai-lpr-list li:last-of-type {margin-top: 0;}
	.ai-lpr-list li:last-of-type {margin-top: 1.5rem;}
	.ai-lpr-list li .dot {display:none;}	
	.ai-lpr-list li:after {display:none !important;}
	.ai-lpr-bottom {margin-top: 4rem;}
	.ai-lpr-bottom .dots {margin: -0.4rem 0 4rem;}
}


/* ****************** 02 주차 시스템 :: 05 AI 루프리스 ********************** */
.ai-loopless-con01{}
/* animated */
.loop-less-system-box .img-box{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.loop-less-system-box.animated .img-box{opacity: 1; transform: translateY(0);}
.loop-less-system-list li{opacity: 0; transform: translateX(-3rem) scale(0); transition: var(--transition-custom2); transform-origin: left center;}
.loop-less-system-list li:nth-child(1){transform: translateX(3rem) scale(0); transform-origin: right center;}
.loop-less-system-box.animated .loop-less-system-list li{opacity: 1; transform: translateX(0) scale(1);}
.loop-less-system-box.animated .loop-less-system-list li:nth-child(1){transition-delay:0.2s;}
.loop-less-system-box.animated .loop-less-system-list li:nth-child(2){transition-delay:0.4s;}

.ai-loopless-con02{background-color: #fff;}
.ai-loopless-con02-img{box-shadow: 0 1.7rem 2.7rem 0 rgba(0,0,0,0.15); border-radius: 3.2rem; overflow: hidden;}
.ai-loopless-con02-img img{max-width: 100%; filter: drop-shadow(0 0.889rem 44.44rem rgba(0,0,0,0.1));}
/* Loop-less System */
.ai-loopless-con02 {background: #f5f5f5; padding: var(--cm-con-padding) 0;}
.loop-less-system-box {position: relative; text-align:center; width: 27.667%; margin: 0 auto;}
.loop-less-system-box .img-box {width: 100%;}
.loop-less-system-box img {position: relative; left: 14.16%; width: 100%; height: auto; display: block;}
.loop-less-system-list-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.loop-less-system-list {position: relative; width: 100%; height: 100%;}
.loop-less-system-list li {position:absolute; width: 380px; border-radius:8px;}
.loop-less-system-list li:before {position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity; }
.loop-less-system-list li.active {background: #fff;}
.loop-less-system-list li.active:before {opacity: 1;}
.loop-less-system-list li .inner-box {background: #fff; border-radius: 8px; padding: 3.2rem; box-sizing: border-box; text-align: left; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.loop-less-system-list li:nth-child(1) {/* top: 6.4rem; left: calc(-100% - 2.1rem); */ top: 6%; left: -129%; height: 354px;}
.loop-less-system-list li:nth-child(2) {top: 9.3rem; right: calc(-100% - 2.1rem);}
.loop-less-system-list li .line {position: absolute; background-size: cover; background-repeat: no-repeat;}    
.loop-less-system-list li .dot {display:inline-block; width: 12px; height: 12px; border:2px solid #3e89ef; background: #fff; border-radius:100%; box-sizing:border-box;     position: absolute; top: 50%; transform: translateY(-50%);}
.loop-less-system-list li:nth-child(1) .dot {right: -6px;}
.loop-less-system-list li:nth-child(1) .line-box .line {left: 103%; top: 50%; transform: translateY(-50%); background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/Loop_less_System_line01.png)no-repeat; background-size:cover; width: 116px; height:3px;}
.loop-less-system-list li:nth-child(2) {top: 14.5%; right: -128%; height: 293px;}
.loop-less-system-list li:nth-child(2) .dot {top: 72%; left: -6px;}    
.loop-less-system-list li:nth-child(2) .line-box .line {position:absolute; left: -49%; top: 71.5%; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/Loop_less_System_line02.png)no-repeat; background-size:100%; width: 174px; height:3px;}
.loop-less-system-list li:nth-child(1) .line-box .line:after { display: block; content:""; position:absolute; width: 0.7rem; height: 0.7rem; border-radius:100%; background: #3E89FF; box-shadow: 0px 0px 4px 2px rgba(62, 137, 239, 0.50); right: -0.5rem; top: -0.2rem; }
.loop-less-system-list li:nth-child(2) .line-box .line:after {display: block; content:""; position:absolute; width: 0.7rem; height: 0.7rem; border-radius:100%; background: #3E89FF; box-shadow: 0px 0px 4px 2px rgba(62, 137, 239, 0.50); left: -2.4rem; top: -0.2rem;}
.loop-less-system-list .tit {position: relative; font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.6em; }
.loop-less-system-list .inner-list {position: relative; margin-top: 1.6rem;}
.loop-less-system-list .inner-list > div {display:flex; margin-top: 0.8rem;}
.loop-less-system-list .inner-list > div:first-of-type {margin-top: 0;}
.loop-less-system-list .inner-list i {font-size:1.8rem; color: #555; margin-right: 0.8rem; margin-top: 0.5rem; transition:var(--transition-custom);}
.loop-less-system-list .inner-list p {font-weight: 500; font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em; transition:var(--transition-custom);}
.loop-less-system-list .inner-list p em {display: block; font-size:1.4rem; letter-spacing:-0.05em; color: #767676; line-height:1.6em; }
.loop-less-system-box img {position: relative; left: 4.7rem;}
.loop-less-system-list li.active .inner-list i {color: #000;}
.loop-less-system-list li.active .inner-list p {color: #000;}

.ai-loopless-con03{}
.ai-loopless-con04 .rental-365-con4-list,
.ai-loopless-con03 .rental-365-con4-list{justify-content: center;}
.ai-loopless-con04 .rental-365-con4-img,
.ai-loopless-con03 .rental-365-con4-img{margin-top: 2.9rem;}
.ai-loopless-con04 .rental-365-con4-txt,
.ai-loopless-con03 .rental-365-con4-txt{margin-top: 1.9rem; height: auto; display: block;}
.ai-loopless-con04 .rental-365-con4-txt h5,
.ai-loopless-con03 .rental-365-con4-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -.05em; font-weight: 700; color: #000;}
.ai-loopless-con04 .rental-365-con4-txt p,
.ai-loopless-con03 .rental-365-con4-txt p{margin-top: 0.4rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -.05em; font-weight: 400; color: #555;}

.ai-loopless-con04{}
.ai-loopless-con04 .rental-365-con4-txt h5{color: var(--blue-color);}
.ai-loopless-con04 .rental-365-con4-txt p{color: #000;}
/* As is - To be */
.ai-loopless-con04 {background: rgba(62,137,255,0.07); padding: var(--cm-con-padding) 0;}
.ai-loopless-tobe-list li {display:flex; margin: 0 -6rem; text-align: center; margin-top: 8rem;}
.ai-loopless-tobe-list li:first-of-type {margin-top: 0;}
.ai-loopless-tobe-list li > div {width: calc((100% - 12rem) / 2); margin: 0 6rem;}
.ai-loopless-tobe-list .img-box {margin-top: 2.4rem; position: relative; border-radius: 1.6rem; /*  overflow: hidden; */}

.ai-loopless-tobe-list .img-box img {border-radius: inherit; max-width: 100%;}
.ai-loopless-tobe-list .after-box .img-box {box-shadow: 0px 0px 40px 0px rgba(62, 137, 239, 0.25); overflow: hidden;
    width: 100%;}
.ai-loopless-tobe-list .after-box .img-box:before {display: block; content: ""; position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;   }
.ai-loopless-tobe-list .after-box .img-box img {width: 100%;}
.ai-loopless-tobe-list .tit {display:inline-block; line-height: 4rem;
    width: 20rem; height: 4rem; border-radius:10rem; color: #fff; font-size:2rem; letter-spacing:-0.05em; }
.ai-loopless-tobe-list .before-box .tit {background: rgba(0,0,0,0.4);}
.ai-loopless-tobe-list .after-box .tit {background: #3E89FF;}
.ai-loopless-tobe-list .txt-box {margin-top: 2.4rem;}
.ai-loopless-tobe-list .txt01 {font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.6em;}
.ai-loopless-tobe-list .txt01 > span {color: #3E89FF;}
.ai-loopless-tobe-list .txt02 {font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em; margin-top: 0.8rem;}
.ai-loopless-tobe-list .dots {width: 5rem; display: flex; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); right: -8.5rem;}
.ai-loopless-tobe-list .dots .dot {display: inline-block; width: 0.9rem; height: 0.9rem; border-radius: 100%; background: #3E89FF; opacity: 0.2; margin: 0;}
.ai-loopless-tobe-list .dots .dot:nth-child(2) {opacity: 0.5;}
.ai-loopless-tobe-list .dots .dot:nth-child(3) {opacity: 1;}

.ai-loopless-tobe-list li .before-box {opacity: 0; transition:var(--transition-custom2); transform:translateX(-30px);}
.ai-loopless-tobe-list li .after-box {opacity: 0; transition:var(--transition-custom2); transform:translateX(-30px);}
.ai-loopless-tobe-box.animated .ai-loopless-tobe-list li.animated .before-box {opacity: 1; transform:translateX(0);}
.ai-loopless-tobe-box.animated .ai-loopless-tobe-list li.animated .after-box {opacity: 1; transform:translateX(0); transition-delay:0.3s;}

.ai-loopless-con05{padding-bottom: var(--cm-con-padding);}
.ai-loopless-feature-box .left-con .ai-loopless-feature-list li,
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li {opacity: 0; transform: translateX(-3rem); transition: opacity 0.7s ease, transform 0.7s ease;}
/* 중앙 */
.ai-loopless-feature-box .center-con{z-index: 1;}
.ai-loopless-feature-box .center-con .img-box {opacity: 0; transform: scale(0.92); transition: opacity 0.8s ease, transform 0.8s ease;}
.ai-loopless-feature-box .center-con:before {opacity: 0; transform: scale(0.9); transform-origin: center center; transition: opacity 0.7s ease, transform 0.7s ease;}
/* 오른쪽 */
/* .ai-loopless-feature-list li .line {opacity: 0; transform-origin: left center; transition: opacity 0.6s ease, transform 0.6s ease;}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(1) .line {transform: scale(0.8);}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(2) .line {transform: translateY(-50%) scaleX(0.8);}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(3) .line {transform: scale(0.8);} */
/* animated */
.ai-loopless-feature-box.animated .left-con .ai-loopless-feature-list li,
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li {opacity: 1; transform: translateX(0);}
.ai-loopless-feature-box.animated .center-con .img-box {opacity: 1; transform: scale(1);}
.ai-loopless-feature-box.animated .center-con:before {opacity: 1; transform: scale(1);}
.ai-loopless-feature-box.animated .ai-loopless-feature-list li .line {opacity: 1;}
/* .ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(1) .line {transform: scale(1);}
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(2) .line {transform: translateY(-50%) scaleX(1);}
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(3) .line {transform: scale(1);} */
.flap-lock-con2 .ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(2) .line {transform: translateY(0) scaleX(1);}
/* 순서 */
.ai-loopless-feature-box.animated .left-con .ai-loopless-feature-list li:nth-child(1) {transition-delay: 0.1s;}
.ai-loopless-feature-box.animated .left-con .ai-loopless-feature-list li:nth-child(2) {transition-delay: 0.25s;}
.ai-loopless-feature-box.animated .left-con .ai-loopless-feature-list li:nth-child(3) {transition-delay: 0.4s;}
.ai-loopless-feature-box.animated .left-con .ai-loopless-feature-list li:nth-child(4) {transition-delay: 0.5s;}
.ai-loopless-feature-box.animated .center-con:before {transition-delay: 0.6s;}
.ai-loopless-feature-box.animated .center-con .img-box {transition-delay: 0.8s;}
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(1),
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(1) .line {transition-delay: 1s;}
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(2),
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(2) .line {transition-delay: 1.15s;}
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(3),
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(3) .line {transition-delay: 1.4s;}
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(4),
.ai-loopless-feature-box.animated .right-con .ai-loopless-feature-list li:nth-child(4) .line {transition-delay: 1.5s;}

/* feature */
.ai-loopless-feature-box {padding-top: 8.6rem;}
.ai-loopless-feature-box .inner-con {display:flex; justify-content: center;}
.ai-loopless-feature-list li {position: relative; margin-top: 6.4rem;}
.ai-loopless-feature-list li:first-of-type {margin-top: 0;}
.ai-loopless-feature-list li .inner-box {width: 100%; border-radius: 12px; background: #f5f5f5; display: flex; align-items: center;  min-height: 10.4rem;}
.ai-loopless-feature-list .txt-box {width: calc(100% - 7.2rem); box-sizing: border-box;}
.ai-loopless-feature-list .txt-box p {font-size:2rem; letter-spacing:-0.05em; color: #555; line-height:1.6em; }
/* .ai-loopless-feature-list li:nth-child(2) {position: relative; left: -6rem;} */
.ai-loopless-feature-list .icon-box {width: 3.2rem; margin: 0 1.6rem 0 2.4rem;}
.ai-loopless-feature-list .icon-box span {display: block; position: relative; height: 0; padding-top: 100%;}
.ai-loopless-feature-list .icon-box img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.ai-loopless-feature-box .left-con {margin-right: 6rem;}
.ai-loopless-feature-box .left-con, .ai-loopless-feature-box .right-con {width: 32.143%;}
.ai-loopless-feature-box .center-con {position: relative; width: 44rem;}
.ai-loopless-feature-box .center-con:before {display: block; content: ""; position: absolute; left: -13.1rem; top: 5rem; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ai_loopless_feature_line_left.png); background-repeat: no-repeat; width: 29.2rem; height: 33.2rem; z-index: -1; background-size: contain;}
.ai-loopless-feature-box .center-con img {max-width:100%;}
.ai-loopless-feature-box .right-con {margin-left: 6rem;}
.ai-loopless-feature-box .right-con .txt-box {width: calc(100% - 8.4rem);}
.ai-loopless-feature-box .right-con .icon-box {width: 4rem; margin: 0 2rem 0 2.4rem;}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li .inner-box {background: RGBA(62, 137, 255, 1); background: linear-gradient(90deg, rgba(62, 137, 255, 1) 0%, rgba(22, 99, 219, 1) 100%);}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li .inner-box {box-shadow: 0px 0px 40px 0px rgba(62, 137, 239, 0.50);}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list .txt-box p {color: #fff; font-size: 2.4rem;}
/* .ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(2) {left: initial; right: -6rem;} */

.ai-loopless-feature-list li .line {display: block; position:absolute; z-index: -1;}
.ai-loopless-feature-list li .line img {max-width:100%; max-height:100%;}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li {position: relative;}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:before {position: absolute; content: ''; width: 5rem; height: 1rem; left: -8.5rem; top: 50%; margin-top: -0.5rem; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ai_loopless_feature_dot.png)no-repeat center/100%;}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(1) .line {top: 3.8rem; left: -18.9rem; z-index: -1; height: 17rem;}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(2) .line {width: 25.7rem; top: 50%; left: -25.7rem; transform: translateY(-50%);}
.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(3) .line {width: 23.9rem; height: 15rem; top: -11rem; left: -20rem;} 

@media all and (max-width:1280px){
	.loop-less-system-list .tit {font-size:2rem;}
	.loop-less-system-list .inner-list p {font-size:1.6rem;}
	.loop-less-system-list li {width: 34rem;}
	.loop-less-system-list li:nth-child(1) {top: -1%; height: auto;}
	.loop-less-system-list li:nth-child(1) .line-box .line {width: 11.6rem;}
	.loop-less-system-list li .dot {width: 9px; height: 9px;}
	.loop-less-system-list li:nth-child(1) .dot {right: -4.5px;}
	.loop-less-system-list li:nth-child(2) {top: 9.5%; right: -122%; height: auto;}
	.loop-less-system-list li:nth-child(2) .line-box .line {width: 15.4rem;}
	.loop-less-system-list li:nth-child(2) .dot {left:-4.5px;}
	.loop-less-system-list li:nth-child(2) .line-box .line:after {left: -1.5rem;}
	
	/* .ai-loopless-feature-list li .inner-box {padding: 1rem 0;} */
	.ai-loopless-feature-list li .inner-box {min-height:7.7rem;}
	.ai-loopless-feature-list li {margin-top: 4rem;}
	.ai-loopless-feature-box .center-con {width: 30rem;}
	.ai-loopless-feature-box .center-con:before {width: 21.2rem; left: -8.7rem; top: 4rem;}
	.ai-loopless-feature-list .txt-box p {font-size:1.5rem;}
	.ai-loopless-feature-box .left-con {margin-right: 5rem;}
	.ai-loopless-feature-box .right-con {margin-left: 5rem;}
	.ai-loopless-feature-box .left-con, .ai-loopless-feature-box .right-con {width: 40%;}
	.ai-loopless-feature-box .txt-box {padding: 0 1rem;}
	.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(1) .line {top: 2.8rem; left: -15rem; z-index: -1; height: 12rem;}
	.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(2) .line {width: 25.7rem; top: calc(50% - 1rem); left: -20.7rem; transform: translateY(-50%);}
	.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(3) .line {width: 23.9rem; height: 15rem; top: -10rem; left: -17rem;}
}
@media all and (max-width:800px){
	.loop-less-system-box {width: 100%;}
	.loop-less-system-box .img-box {width: 50%; margin: 0 auto 3rem;}
	.loop-less-system-box img {width: auto; max-width: 100%; margin: 0 auto;}
	.loop-less-system-list-box {position:static; transform:none; width: 100%;}
	.loop-less-system-list li {position:relative; min-width:initial; max-width:initial; width: 100%; margin-top: 1.5rem;}
	.loop-less-system-list li:nth-child(1) {height: auto; top: 0; left: 0;}
	.loop-less-system-list li:nth-child(2) {top: 0; right: 0;}
	.loop-less-system-list li:first-of-type {margin-top: 0;}
	.loop-less-system-list li .line-box {display:none;}
	.loop-less-system-list li .dot {display:none;}
	
	.ai-loopless-tobe-list li {justify-content: space-between; margin: 4rem 0 0;}
	.ai-loopless-tobe-list li > div {width: calc(50% - 1rem); margin: 0;}
	.ai-loopless-tobe-list .tit {line-height: 3.5rem; width: auto; height: 3.5rem; font-size: 1.6rem; padding: 0 2rem;}
	.ai-loopless-tobe-list .txt01 {font-size: 1.8rem;}
	.ai-loopless-tobe-list .txt02 {font-size: 1.4rem;}
	.ai-loopless-tobe-list .img-box {border-radius:1.2rem;}
	.ai-loopless-tobe-list .dots {display:none;}
	
	.ai-loopless-con04 .rental-365-con4-img,
	.ai-loopless-con03 .rental-365-con4-img{margin-top: 2.9rem;}
	.ai-loopless-con04 .rental-365-con4-txt,
	.ai-loopless-con03 .rental-365-con4-txt{margin-top: 1.9rem; height: auto; display: block;}
	.ai-loopless-con04 .rental-365-con4-txt h5,
	.ai-loopless-con03 .rental-365-con4-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.ai-loopless-con04 .rental-365-con4-txt p,
	.ai-loopless-con03 .rental-365-con4-txt p{margin-top: 0.4rem; font-size: 1.8rem; line-height: 1.6;}

	.ai-loopless-con05{padding-bottom: var(--cm-con-padding);}
	.ai-loopless-feature-box .inner-con {flex-direction: column; align-items: center;}
	.ai-loopless-feature-box .left-con, .ai-loopless-feature-box .right-con {width: 100%;}
	.ai-loopless-feature-box .center-con:before {display:none;}
	.ai-loopless-feature-list li .line {display:none;}
	.ai-loopless-feature-list li {margin-top: 2rem;}
	.ai-loopless-feature-box .left-con {margin-right: 0; margin-bottom: 10rem;}
	.ai-loopless-feature-box .right-con {margin-left: 0; position: relative;}
	.ai-loopless-feature-list li:nth-child(2) {left: 0;}
	.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:before {position: absolute; content: ''; width: 5rem; height: 1rem; left: 50%; top: -5.5rem; margin-left: -2.5rem; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ai_loopless_feature_dot.png)no-repeat center/100%; transform:rotate(90deg)}
	.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(n+2):before {display: none;}
	.ai-loopless-feature-box .right-con .ai-loopless-feature-list li:nth-child(2) {right: 0;}
	
	.ai-loopless-feature-box .right-con .ai-loopless-feature-list .txt-box p {font-size: 1.7rem;}
}


/* ****************** 02 주차 시스템 :: 06 AI 루프리스 재차카운트 ********************** */
.ai-loopless-recount-con01{}
/* Loop-less Recounting System */
.loop-less-recounting-system-box {position: relative; width: 101%;    max-width: 1212px; margin: 0 auto; aspect-ratio: 1212 / 514;}
.loop-less-recounting-system-box .img-box {width: 100%;}
.loop-less-recounting-system-box .img-box img {position: relative; left: -19.2%; /* top: 0; */ /* max-width: 100%; */ width: 100%; height: auto; display: block;}
.loop-less-recounting-system-list-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.loop-less-recounting-system-list {position: relative; width: 100%; height: 100%;}
.loop-less-recounting-system-list li {position: absolute; width: 240px; border-radius:8px;}    
.loop-less-recounting-system-list li:nth-child(1) {top: 13%; right: 0.5%; height: 213px;}
.loop-less-recounting-system-list li .inner-box {min-width: 24rem; box-sizing: border-box; /* position: absolute; */ background: #f5f5f5; border-radius: 8px; padding: 3.2rem; /* right: 0; */ max-width: 24rem; transition:var(--transition-custom);}
.loop-less-recounting-system-list li:nth-child(2) {right:0.5%; top: 58%; height: 147px;}
.loop-less-recounting-system-list li .line { position: absolute; background-size: contain; background-repeat: no-repeat; }
.loop-less-recounting-system-list li .dot {position: absolute; width: 12px; height: 12px; border: 2px solid #3e89ff; box-sizing:border-box; border-radius: 50%; background: #fff; top: 50%; transform: translateY(-50%); left: -6px;}
.loop-less-recounting-system-list li .tit {position: relative; font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.6em;}
.loop-less-recounting-system-list li .inner-list {position: relative; margin-top: 1.6rem;}
.loop-less-recounting-system-list li .inner-list p {font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em;}
.loop-less-recounting-system-list li .inner-list p i {margin-right: 0.8rem;}
.loop-less-recounting-system-list li:nth-child(1) .line { left: -142%; top: 49%; width: 140%; height: 89px; background-image: url("../web-static-images/content/Recounting_System_line01.png");}
.loop-less-recounting-system-list li:nth-child(2) .line {left: -124%; top:19%; width: 118%; height: 51px; background-image: url("../web-static-images/content/Recounting_System_line02.png"); background-size: 100%;}
.loop-less-recounting-system-list li:nth-child(1) .line:after {display: block; content:""; position:absolute; width: 0.7rem; height: 0.7rem; border-radius:100%; background: #3E89FF; box-shadow: 0px 0px 4px 2px rgba(62, 137, 239, 0.50); left: -1.2rem; top: 98%;}
.loop-less-recounting-system-list li:nth-child(2) .line:after {display: block; content:""; position:absolute; width: 0.7rem; height: 0.7rem; border-radius:100%; background: #3E89FF; box-shadow: 0px 0px 4px 2px rgba(62, 137, 239, 0.50); left: -1.5rem; top: -0.5rem;}

.loop-less-recounting-system-list li:before {position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity; }
.loop-less-recounting-system-list li.active .inner-box {background: #fff;}
.loop-less-recounting-system-list li.active:before {opacity: 1;}
/* animated */
.loop-less-recounting-system-box .img-box{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.loop-less-recounting-system-box.animated .img-box{opacity: 1; transform: translateY(0);}
.loop-less-recounting-system-list li{opacity: 0; transform: translateX(-10rem) scale(0); transition: var(--transition-custom2); transform-origin: left;}
.loop-less-recounting-system-box.animated .loop-less-recounting-system-list li{opacity: 1; transform: translateX(0) scale(1);}
.loop-less-recounting-system-box.animated .loop-less-recounting-system-list li:nth-child(1){transition-delay:0.2s;}
.loop-less-recounting-system-box.animated .loop-less-recounting-system-list li:nth-child(2){transition-delay:0.4s;}

.ai-loopless-recount-con02{}
.ai-loopless-recount-con02 .rental-365-con4-img{margin-top: 2.1rem;}
.ai-loopless-recount-con02 .rental-365-con4-txt{margin-top: 2.2rem;}

.ai-loopless-recount-con03{}
.ai-loopless-recount-con03 .rental-365-con4-txt {margin-top: 0.8rem;}

.ai-loopless-recount-con04{}
/* AI 루프리스 재차카운트 :: Process */
.loop-less-process-box {}
.loop-less-process-item {position: relative; overflow:hidden;}
.loop-less-process-item:before{position: absolute; content:attr(data-num); top:0; left:-6rem; font-size:20rem; letter-spacing:-0.05em; color:rgba(0,0,0,0.05); font-weight:600; z-index:1; transition: var(--transition-custom);}
.loop-less-process-item + .loop-less-process-item{margin-top: 2rem;}
.loop-less-process-inner{padding: 2rem; padding-left: 4.8rem; background-color: #F5F5F5; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; box-sizing: border-box; border-radius: 1.6rem; position: relative; transition: var(--transition-custom); transition-property: background-color;}
.loop-less-process-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.5) 2.27%, rgba(255,255,255, 0.25) 49.29%, rgba(255,255,255,0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.loop-less-process-txt{width: calc(100% - 30rem);}
.loop-less-process-txt .num{font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: var(--blue-color); display: block;}
.loop-less-process-txt .tit {margin-top: 1.2rem; font-size: 2.4rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
.loop-less-process-txt .txt {margin-top: 0.4rem; font-size: 1.8rem; line-height:1.6; letter-spacing: -0.05em; color: #555; transition: var(--transition-custom); transition-property: color;}
.loop-less-process-img{width: 28rem; max-width: 280px; opacity: 0.4; transition: var(--transition-custom); transition-property: opacity;}
.loop-less-process-img img{width: 100%; border-radius: 0.8rem;}
/* active */
.loop-less-process-item.active:before{color:rgba(255,255,255,0.1);}
.loop-less-process-item.active .loop-less-process-inner{background-color: var(--blue-color); box-shadow: 0 0 4rem 0 rgba(var(--rgb-blue-color),0.1);}
.loop-less-process-item.active .loop-less-process-inner:before{opacity: 1;}
.loop-less-process-item.active .loop-less-process-txt .num,
.loop-less-process-item.active .loop-less-process-txt .tit,
.loop-less-process-item.active .loop-less-process-txt .txt{color: #fff;}
.loop-less-process-item.active .loop-less-process-img{opacity: 1;}

.ai-loopless-recount-con05{padding-bottom: var(--cm-con-padding);}
.ai-loopless-recount-con05 .apartment-access-con4-inner{min-height: 48rem;}
.ai-loopless-recount-con05 .apartment-access-con4-item:nth-child(2) .apartment-access-con4-txt .pc-br{display: block;}

@media all and (max-width:1280px){
	.loop-less-recounting-system-list li .dot {width: 9px; height: 9px; left: -4.5px;}
	.loop-less-recounting-system-box {width: initial; max-width:initial; margin: auto; aspect-ratio: initial;}
	.loop-less-recounting-system-box .img-box img {left: -20rem;}
	.loop-less-recounting-system-list li {width: auto;}
	.loop-less-recounting-system-list li:nth-child(1) {top: 16.5%; right: 4.5%; height: auto;}
	.loop-less-recounting-system-list li:nth-child(1) .line {width: 23.1rem; height:6.9rem; top: 49.5%; left: -99%; background-size:100%;} 
	.loop-less-recounting-system-list li:nth-child(1) .line:after {left: -0.7rem; top: 92%;}
	.loop-less-recounting-system-list li .inner-box {width: 100%; height: 100%; box-sizing:border-box;/* max-width:20rem; min-width:20rem; */}
	.loop-less-recounting-system-list li .tit {font-size:2rem;}
	.loop-less-recounting-system-list li .inner-list p {font-size:1.6rem;}
	.loop-less-recounting-system-list li:nth-child(2) {right: 4.5%; top: 60%; height: auto;}
	.loop-less-recounting-system-list li:nth-child(2) .dot {top: calc(50% + -2.9rem);}
	.loop-less-recounting-system-list li:nth-child(2) .line {left: -84%; top: 7%; width: 19rem; height: 5rem;}
	.loop-less-recounting-system-list li:nth-child(2) .line:after {left: 0; top: -1px;}
}
@media all and (max-width:800px){
	.loop-less-recounting-system-box .img-box img {left: 0;}
	.loop-less-recounting-system-list-box {position:static;}
	.loop-less-recounting-system-list li {position: relative; width: 100%;}
	.loop-less-recounting-system-list li .inner-box {min-width:initial; max-width:initial;}
	.loop-less-recounting-system-list li:nth-child(1) {position:relative; top: 0; right: 0;}
	.loop-less-recounting-system-list li:nth-child(2) {position:relative; margin-top: 1.5rem; top: 0; right: 0;}
	.loop-less-recounting-system-list .line-box {display:none;}
	
	.ai-loopless-recount-con02 .rental-365-con4-img{margin-top: 2.1rem;}
	.ai-loopless-recount-con02 .rental-365-con4-txt{margin-top: 2.2rem;}

	.ai-loopless-recount-con03{}
	.ai-loopless-recount-con03 .rental-365-con4-txt {margin-top: 0.8rem;}
	
	.loop-less-process-item + .loop-less-process-item{margin-top: 2rem;}
	.loop-less-process-inner{padding: 3rem; border-radius: 1.6rem;}
	.loop-less-process-txt{width: 100%;}
	.loop-less-process-txt .num{font-size: 1.8rem; line-height: 1.6;}
	.loop-less-process-txt .tit {margin-top: 1.2rem; font-size: 2.4rem; line-height: 1.4;}
	.loop-less-process-txt .txt {margin-top: 0.4rem; font-size: 1.8rem; line-height:1.6;}
	.loop-less-process-img{margin-top: 2.5rem; width: 100%; max-width: none;}

	.ai-loopless-recount-con05{padding-bottom: var(--cm-con-padding);}
	.ai-loopless-recount-con05 .apartment-access-con4-inner{min-height: auto;}
}


/* ****************** 02 주차 시스템 :: 07 플랩 주차 ********************** */
.flap-lock-con1{}
.flap-lock-con1-img{margin-bottom: 4.8rem; text-align: center;}
.flap-lock-con1-img img{max-width: 100%; display: inline-block;}
.flap-lock-con1 .fee-settlement-con7-txt {margin-top: 0.5rem; height: 2.8em; font-size: 1.6rem; line-height: 1.4; display: flex; align-items: center; justify-content: center; color:#000 !important; font-weight:500 !important;}
.flap-lock-con1 .cloud-rental-con3-result{max-width: 996px; margin-left: auto; margin-right: auto;}

.flap-lock-con2{}
/* Feature */
.flap-lock-feature-box {max-height: 59.2rem; padding-top: 4.4rem;}
.flap-lock-feature-box .center-con {    display: flex; align-items: center;}
.flap-lock-feature-box .center-con:before {background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/flap_lock_feature_line_left.png); background-size: contain; background-repeat: no-repeat; width: 30.9rem; height: 49.6rem; left: -14.5rem;}
.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(1) .line {height: 23.7rem; left: -19rem; top: 4rem;}
.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(2) .line {width: 25.6rem; top: 4rem; transform:none;}    
.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(3) .line {width: 25.6rem; top: -4rem; left: -25rem;}
.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(4) .line {width: 23.9rem; top: -19.5rem; left: -20rem;}
/* .flap-lock-feature-box .ai-loopless-feature-list .txt-box {padding: 0 1rem;} */

.flap-lock-con3{}
.flap-lock-con3 .cloud-rental-con3-list.col3 .cloud-rental-con3-item{box-shadow: 0 1rem 5rem 1rem rgba(0,0,0,0.1);}
.flap-lock-con3 .cloud-rental-con3-txt{padding: 3.5rem 1.6rem 4rem; height: auto;}
.flap-lock-con3 .cloud-rental-con3-txt p{margin-top: 1rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}

.flap-lock-con4{padding: var(--cm-con-padding) 0; position: relative; background-color: #F5F5F5;}
.flap-lock-con4-box{position: relative;}
.flap-lock-con4-box-img{display: flex; align-items: center; justify-content: center;}
.flap-lock-con4-box-img img{width: 100%;}
.flap-lock-con4-box-hover{}
.flap-lock-con4-box-hover li{position: absolute; top: 50%; left: 50%; width: 10%; /* height: 12rem; height: 12rem; */}
.flap-lock-con4-box-hover li:nth-child(1){margin-top: -14%; margin-left: -50%;}
.flap-lock-con4-box-hover li:nth-child(2){margin-top: -14%; margin-left: 5.8%; width: 15%; /* width: 18rem; height: 10rem; */}
.flap-lock-con4-box-hover li:nth-child(3){margin-top: -1%; margin-left: 40%;}
/* 라인 */
.flap-lock-con4-box-hover li:before{position: absolute; top: 50%; content: '';}
.flap-lock-con4-box-hover li:nth-child(1):before{right: -67%; /* width: 6.9rem; height: 0.3rem; */ width: 57.5%; height: 2.5%; background: url("../web-static-images/content/flap_lock_con4_line01.png") center/cover no-repeat;}
.flap-lock-con4-box-hover li:nth-child(2):before{top: auto; bottom: -160%; left: 50%; margin-left: -0.83%; /* width: 0.3rem; height: 14.7rem; */ width: 1.66%; height: 147%; background: url("../web-static-images/content/flap_lock_con4_line02.png") center/cover no-repeat;}
.flap-lock-con4-box-hover li:nth-child(3):before{left: -115.83%; /* width: 12.7rem; height: 0.3rem; */ width: 105.83%; height: 2.5%; background: url("../web-static-images/content/flap_lock_con4_line03.png") center/cover no-repeat;}
/* 라인끝dot */
.flap-lock-con4-box-hover li:after{position: absolute; top: 50%; margin-top: -0.35rem; width: 0.7rem; height: 0.7rem; background-color: var(--blue-color); border-radius: 100%; box-sizing: border-box; content: ''; display: block; box-shadow: 0 0 0.4rem 0.2rem rgba(var(--rgb-blue-color),0.5);}
.flap-lock-con4-box-hover li:nth-child(1):after{right: -74%; margin-right: -0.7rem;}
.flap-lock-con4-box-hover li:nth-child(2):after{left: 50%; margin-left: -0.35rem; top: auto; bottom: -168%;}
.flap-lock-con4-box-hover li:nth-child(3):after{left: -117.83%; margin-left: -0.7rem;}
/* 라인시작dot */
.flap-lock-con4-box-hover li .dot{position: absolute; top: 50%; margin-top: -0.6rem; width: 1.2rem; height: 1.2rem; background-color: #fff; border: 2px solid var(--blue-color); border-radius: 100%; box-sizing: border-box; display: block; z-index: 1;}
.flap-lock-con4-box-hover li:nth-child(1) .dot{right: -0.6rem;}
.flap-lock-con4-box-hover li:nth-child(2) .dot{top: auto; margin-top: 0; bottom: -0.6rem; left: 50%; margin-left: -0.6rem;}
.flap-lock-con4-box-hover li:nth-child(3) .dot{left: -0.6rem;}
/* 이미지 */
.flap-lock-con4-box-hover li a{display: block; width: 100%; background-color: #fff; border-radius: 0.8rem; overflow: hidden; position: relative; transition: var(--transition-custom); transition-property: box-shadow;}
.flap-lock-con4-box-hover li a:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.flap-lock-con4-box-hover li a img{width: 100%;}
/* active */
.flap-lock-con4-box-hover li.active a{box-shadow: 0 0 6rem 0 rgba(var(--rgb-blue-color),0.15);}
.flap-lock-con4-box-hover li.active a:before{opacity: 1;}
/* animated */
.flap-lock-con4-box-img{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.flap-lock-con4-box.animated .flap-lock-con4-box-img{opacity: 1; transform: translateY(0);}
.flap-lock-con4-box-hover li{opacity: 0; transform: scale(0); transition:var(--transition-custom2); transform-origin:left;}
.flap-lock-con4-box-hover li:nth-child(1){transform-origin:right;}
.flap-lock-con4-box-hover li:nth-child(2){transform-origin:bottom;}
.flap-lock-con4-box.animated .flap-lock-con4-box-hover li{opacity: 1; transform: scale(1);}
.flap-lock-con4-box.animated .flap-lock-con4-box-hover li:nth-child(1){transition-delay:0.2s;}
.flap-lock-con4-box.animated .flap-lock-con4-box-hover li:nth-child(2){transition-delay:0.4s;}
.flap-lock-con4-box.animated .flap-lock-con4-box-hover li:nth-child(3){transition-delay:0.6s;}

.flap-lock-con4-box + .flap-lock-con4-wrapper{margin-top: 4.8rem;}
.flap-lock-con4-wrapper{}
.flap-lock-con4-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.flap-lock-con4-item{margin: 1rem; width: calc(50% - 2rem);}
.flap-lock-con4-item-inner{padding: 4.8rem; width: 100%; height: 100%; background-color: #fff; border-radius: 1.6rem; box-sizing: border-box; position: relative; box-shadow: 0 2rem 8rem 0 rgba(0,0,0,0.05); transition: var(--transition-custom); transition-property: background-color, box-shadow;}
.flap-lock-con4-item-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.5) 2.27%, rgba(255,255,255, 0.25) 49.29%, rgba(255,255,255,0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.flap-lock-con4-item h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000; transition: var(--transition-custom); transition-property: color;}
.flap-lock-con4-item p{margin-top: 1.6rem; position: relative; padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; transition: var(--transition-custom); transition-property: color;}
.flap-lock-con4-item p + p{margin-top: 0.4rem;}
.flap-lock-con4-item p:before{position: absolute; top: 0; left: 0; content: "\e929"; font-family: xeicon;}
/* active */
.flap-lock-con4-item.active .flap-lock-con4-item-inner{background-color: var(--blue-color); box-shadow: 0 0 4rem 0 rgba(var(--rgb-blue-color),0.1);}
.flap-lock-con4-item.active .flap-lock-con4-item-inner:before{opacity: 1;}
.flap-lock-con4-item.active h5,
.flap-lock-con4-item.active p{color: #fff;}
/* animated */
.flap-lock-con4-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
@media all and (min-width:801px){
	.flap-lock-con4-list.animated .flap-lock-con4-item{opacity: 1; transform: translateY(0);}
	.flap-lock-con4-list.animated .flap-lock-con4-item:nth-child(2){transition-delay:0.2s}
	.flap-lock-con4-list.animated .flap-lock-con4-item:nth-child(3){transition-delay:0.4s}
	.flap-lock-con4-list.animated .flap-lock-con4-item:nth-child(4){transition-delay:0.6s}
}

.flap-lock-con5{}
.flap-lock-con5 .secure-rental-con7-txt b{margin-top: 0.4rem;}

.flap-lock-con6{padding-bottom: var(--cm-con-padding);}
.flap-lock-con6-wrap{position: relative;}
.flap-lock-con6-wrap .photo-item{}
.flap-lock-con6-wrap .photo-item .photo-list{position: relative; display: flex; justify-content:space-between;}

.flap-lock-con6-wrap .photo-item .photo-list .big-list{width:83.33%;}
.flap-lock-con6-wrap .photo-item .photo-list .big-list .list-item{width:100%;}
.flap-lock-con6-wrap .photo-item .photo-list .big-list .list-item span{position: relative; display: block; width:100%; height:0; padding-top:59%; overflow:hidden; border-radius:1.2rem;}
.flap-lock-con6-wrap .photo-item .photo-list .big-list .list-item span video,
.flap-lock-con6-wrap .photo-item .photo-list .big-list .list-item span img{position: absolute; width:100%; /* height:100%; */ top:0; bottom:0; left:0; right:0; margin:auto; object-fit: cover;}

.flap-lock-con6-wrap .photo-item .photo-list .nav-list{width:calc(16.67% - 10px); margin:-0.5rem 0;}
.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item{position: relative; width:100%; margin:0.5rem 0;}
.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item:before{position: absolute; content:''; width:100%; height:100%; border:4px solid var(--main-color2); border-radius:1.2rem; box-sizing:border-box; z-index:1; opacity:0; transition:var(--transition-custom);}
.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item span{position: relative; display: block; width:100%; height:0; padding-top:57.89%; overflow:hidden; border-radius:1.2rem; background:#000;}
.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item span video,
.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item span img{position: absolute; height:100%; top:0; bottom:0; left:0; right:0; margin:auto; opacity:0.4; object-fit: cover; transition:var(--transition-custom);}

.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item.slick-current:before{opacity:1;}
.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item.slick-current span video,
.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item.slick-current span img{opacity:1;}

.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap{position: absolute; display: flex; align-items:center; justify-content:center; bottom:0; right:0; width:calc(16.67% - 10px); height:17.6%; background:#000; border-radius:1.2rem;}
.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .middle{margin: 0 1rem;}
.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap{position: absolute;}
.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow{position: absolute; font-size:1.8rem; color:#fff; top:50%; left:50%; transform:translate(-50%, -50%);}
.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-prev{margin-left:-5.6rem;}
.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-next{margin-left:5.6rem;}
.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-conuter{font-size:1.6rem; letter-spacing:-0.05em; font-weight: 500; color:rgba(255,255,255,0.5);}
.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-conuter .cur-num{color:#fff; font-weight:500;}

@media all and (max-width:1280px){
	.flap-lock-feature-box .center-con:before {width: 21.9rem; left:-10.5rem;}
	.flap-lock-feature-box .left-con .ai-loopless-feature-list li:nth-child(3) {left: -4rem;}
	.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(1) .line {height: 22.7rem; left: -15.5rem; top: 3rem; width: 17rem;}
	.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(2) .line {width: 21rem; top: 2rem;}
	.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(3) .line {width: 20.6rem; top: -2.8rem; left: -20rem;}
	.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(4) .line {width: 18.9rem; top: -15rem; left: -15rem;}
}
@media all and (max-width:800px){
	.flap-lock-con1-img{margin-bottom: 4.8rem;;}
	.flap-lock-con1 .fee-settlement-con7-txt {margin-top: 0.5rem; height: 2.8em; font-size: 1.6rem; line-height: 1.4;}

	.flap-lock-feature-box {max-height:initial;}
	.flap-lock-feature-box .left-con .ai-loopless-feature-list li:nth-child(3) {left: 0;}
	.flap-lock-feature-box .right-con .ai-loopless-feature-list li:nth-child(3) {right: 0;}

	.flap-lock-con3 .cloud-rental-con3-list.col3 .cloud-rental-con3-item{box-shadow: 0 1rem 5rem 1rem rgba(0,0,0,0.1);}
	.flap-lock-con3 .cloud-rental-con3-txt{padding: 3.5rem 1.6rem 4rem; height: auto;}
	.flap-lock-con3 .cloud-rental-con3-txt p{margin-top: 1rem; font-size: 1.8rem; line-height: 1.6;}

	.flap-lock-con4{padding: var(--cm-con-padding) 0;}
	.flap-lock-con4-box-hover li{top: 50%; left: 50%; width: 10%;}
	.flap-lock-con4-box-hover li:nth-child(1){margin-top: -14%; margin-left: -50%;}
	.flap-lock-con4-box-hover li:nth-child(2){margin-top: -14%; margin-left: 5.8%; width: 15%;}
	.flap-lock-con4-box-hover li:nth-child(3){margin-top: -1%; margin-left: 40%;}
	/* 라인 */
	.flap-lock-con4-box-hover li:before{top: 50%;}
	.flap-lock-con4-box-hover li:nth-child(1):before{right: -67%; width: 57.5%; height: 2.5%;}
	.flap-lock-con4-box-hover li:nth-child(2):before{top: auto; bottom: -160%; left: 50%; margin-left: -0.83%; width: 1.66%; height: 147%;}
	.flap-lock-con4-box-hover li:nth-child(3):before{left: -115.83%; width: 105.83%; height: 2.5%;}
	/* 라인끝dot */
	.flap-lock-con4-box-hover li:after{top: 50%; margin-top: -0.35rem; width: 0.7rem; height: 0.7rem;}
	.flap-lock-con4-box-hover li:nth-child(1):after{right: -74%; margin-right: -0.7rem;}
	.flap-lock-con4-box-hover li:nth-child(2):after{left: 50%; margin-left: -0.35rem; top: auto; bottom: -168%;}
	.flap-lock-con4-box-hover li:nth-child(3):after{left: -117.83%; margin-left: -0.7rem;}
	/* 라인시작dot */
	.flap-lock-con4-box-hover li .dot{top: 50%; margin-top: -0.6rem; width: 1.2rem; height: 1.2rem;}
	.flap-lock-con4-box-hover li:nth-child(1) .dot{right: -0.6rem;}
	.flap-lock-con4-box-hover li:nth-child(2) .dot{top: auto; margin-top: 0; bottom: -0.6rem; left: 50%; margin-left: -0.6rem;}
	.flap-lock-con4-box-hover li:nth-child(3) .dot{left: -0.6rem;}

	.flap-lock-con4-box-hover li a{border-radius: 0.8rem;}
	.flap-lock-con4-box-hover li a:before{padding: 2px;}

	.flap-lock-con4-box + .flap-lock-con4-wrapper{margin-top: 4.8rem;}
	.flap-lock-con4-list{margin: -1rem;}
	.flap-lock-con4-item{margin: 1rem; width: calc(100% - 2rem);}
	.flap-lock-con4-item-inner{padding: 3rem; border-radius: 1.6rem;}
	.flap-lock-con4-item h5{font-size: 2.4rem; line-height: 1.6;}
	.flap-lock-con4-item p{margin-top: 1.6rem; padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6;}
	.flap-lock-con4-item p + p{margin-top: 0.4rem;}
	/* animated */
	.flap-lock-con4-item.animated{opacity: 1; transform: translateY(0);}

	.flap-lock-con5 .secure-rental-con7-txt b{margin-top: 0.4rem;}
	
	.flap-lock-con6-wrap .photo-item .photo-list{display: block;}
	.flap-lock-con6-wrap .photo-item .photo-list .big-list{width:100%;}
	.flap-lock-con6-wrap .photo-item .photo-list .nav-list{width:75%; margin:1rem -0.5rem 0;}
	.flap-lock-con6-wrap .photo-item .photo-list .nav-list .list-item{margin:0 0.5rem;}
	.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap{width:calc(26% - 10px); height:18.4%;}
	.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow{font-size:1.8rem;}
	.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-prev{margin-left:-4.6rem;}
	.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap .photo-btn-wrap .slick-arrow.slick-next{margin-left:4.6rem;}
}
@media all and (max-width:480px){
	.flap-lock-con6-wrap .photo-item .photo-list .nav-list{width:calc(100% + 1rem);}
	.flap-lock-con6-wrap .photo-item .photo-list .list-btn-wrap{position: relative; width:100%; bottom:auto; right:auto; margin-top:1rem; padding:1.5rem 0;}
}


/* ****************** 03 유도 시스템 :: 01 365 영상유도 ********************** */
.video-365-con03{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
/* .secure-rental-con3-wrapper.no-img{}
.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box{padding: 5.6rem 6rem;}
.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-tit{font-weight: 600;}
.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-item{padding: 2.5rem 3rem; padding-left: 4.65rem;}
.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box:first-child .secure-rental-con3-list{margin-top: 2.4rem;}
.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box:first-child .secure-rental-con3-item{padding: 2.3rem 3rem; padding-left: 3.6rem; font-size: 1.6rem;}
.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box:first-child .secure-rental-con3-item i{font-size: 2.4rem;}
.secure-rental-con3-wrapper.no-img.same-size .secure-rental-con3-box + .secure-rental-con3-box{min-height: auto;}
.secure-rental-con3-wrapper.no-img.same-size .secure-rental-con3-box{background-color: #fff;}
.secure-rental-con3-wrapper.no-img.same-size .secure-rental-con3-box .secure-rental-con3-item:first-child{border-top: 1px dashed rgba(0, 0, 0, 0.1);}
.secure-rental-con3-wrapper.no-img.same-size .secure-rental-con3-box + .secure-rental-con3-box .secure-rental-con3-item:first-child {border-top-color: rgba(255, 255, 255, 0.2);} */
/* benefit */
.guidance-box {background: #f5f5f5; padding: var(--cm-con-padding) 0;}
.gm-cm-benefit-list li {margin-top: 2rem;}
.gm-cm-benefit-list li:first-of-type {margin-top: 0;}
.gm-cm-benefit-list li .inner{position: relative; display:flex; align-items:center; padding: 2rem; padding-left: 4.8rem; background: #fff; border-radius:1.6rem; transition:var(--transition-custom); transition-property: opacity, transform, background-color !important;}
.gm-cm-benefit-list li .inner:before { display: block; content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255, 255, 255, 0.5) 2.27%, rgba(255, 255, 255, 0.5) 49.29%, rgba(255, 255, 255, 0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: var(--transition-custom); transition-property: opacity; }
.gm-cm-benefit-list .img-box {width: 46.8rem;}
.gm-cm-benefit-list .img-box img {max-width:100%; border-radius:8px; opacity: 0.4; transition:var(--transition-custom);}
.gm-cm-benefit-list .txt-box {width: calc(100% - 46.8rem);}
.gm-cm-benefit-list .num {font-size:1.8rem; letter-spacing:-0.05em; color: #3E89FF; font-weight: 700; line-height:1.6em; transition:var(--transition-custom);}
.gm-cm-benefit-list .tit {font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.4em; margin-bottom: 0.4rem; margin-top: 1.2rem; transition:var(--transition-custom);}
.gm-cm-benefit-list .txt {font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em; transition:var(--transition-custom);}
/* active */
.gm-cm-benefit-list li.active .inner {background: #3E89FF;}
.gm-cm-benefit-list li.active .inner:before {opacity: 1;}
.gm-cm-benefit-list li.active .img-box img {opacity: 1;}
.gm-cm-benefit-list li.active .num,
.gm-cm-benefit-list li.active .tit,
.gm-cm-benefit-list li.active .txt {color: #fff;}
/* animated */
.gm-cm-benefit-list li{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.gm-cm-benefit-list.animated li{opacity: 1; transform: translateY(0);}
.gm-cm-benefit-list.animated li:nth-child(2){transition-delay:0.3s}
.gm-cm-benefit-list.animated li:nth-child(3){transition-delay:0.5s}
.gm-cm-benefit-list.animated li:nth-child(4){transition-delay:0.7s}

.video-365-con04{}
.video-365-con04 .apartment-access-con4-inner{min-height: 55rem;}

.video-365-con05{}
/* ai camera */
.ai-camera-box {display:flex; align-items: center; background: #F5F5F5; padding: 3.2rem; border-radius:3.2rem;}
.ai-camera-box .img-box {width: 66rem;}
.ai-camera-box .img-box img {max-width:100%; border-radius:1.6rem;}
.ai-camera-box .inner-box {margin-top: 1.6rem;}
.ai-camera-box .txt-box {width: calc(100% - (66rem + 5.6rem)); margin-left: 5.6rem;}
.ai-camera-box .txt-box .tit {font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; letter-spacing:-0.05em; margin-bottom: 1.6rem;}
.ai-camera-box .txt-box dl {display:flex; margin-top: 0.8rem;}
.ai-camera-box .txt-box dl:first-of-type {margin-top: 0;}
.ai-camera-box .txt-box dt {width: 6.8rem; font-size:1.8rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.6em;}
.ai-camera-box .txt-box dd {width: calc(100% - 6.8rem); font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em;}
/* animated */
.ai-camera-box .img-box{opacity: 0; transform: translateX(50px); transition: var(--transition-custom2);}
.ai-camera-box.animated .img-box{opacity: 1; transform: translateX(0);}
.ai-camera-box .txt-box{opacity: 0; transform: translateX(-50px); transition: var(--transition-custom2);}
.ai-camera-box.animated .txt-box{opacity: 1; transform: translateX(0);}

.video-365-con06{padding-bottom: var(--cm-con-padding);}
/* service */
.service-list-con .service-item {border:2px solid #f5f5f5; border-radius:1.6rem; transition: all 0.3s; overflow:hidden; margin-bottom: 2rem;}
.service-title {font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; margin-left: 1.1rem;}
.service-list-con .service-item dt {padding: 2rem 3rem; background: #f5f5f5; }
.service-list-con .service-item dd {display:none;}
.service-subject {position: relative;}
.service-subject i {color: #000; font-size:2.4rem;}
.service-subject .arrow {position:absolute; right: 0;}
.service-contents {display: flex; padding: 2rem; margin: 0 -0.5rem;}
.service-contents li {width: calc((100% - 1rem) / 2); margin: 0 0.5rem; background: #f5f5f5; border-radius: 8px; overflow: hidden;}
.service-contents:not(.ver2) p {font-size:1.8rem; letter-spacing:-0.05em; color: #000; line-height:1.6em; text-align:center; padding: 2.1rem 0;}
.service-contents .txt-box {text-align:center; margin-top: 2.3rem;}
.service-contents .txt-box p {font-size:2rem; letter-spacing:-0.05em; color: #000; line-height:1.6em; font-weight: 700;}
.service-contents .txt-box em {margin-top: 0.5rem; display: inline-block; font-size:1.6rem; letter-spacing:-0.05em; color: #000; line-height:1.6em; }
.service-contents .img-box {text-align:center;}
.service-contents .img-box img {max-width:100%;}
.service-contents.ver2 li {padding: 4rem 2rem; box-sizing:border-box;}

.service-list-con .service-item.open {border-color:#3E89FF; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);}
.service-list-con .service-item.open dt {background: #3e89ef !important; }
/* .service-list-con .service-item.open dd {display: block;} */
.service-list-con .service-item.open .service-title {color: #fff;} 
.service-list-con .service-item.open .service-subject i {color: #fff;}
.service-list-con .service-item.open .service-subject .arrow i:before {content:"\e91b";}

@media all and (max-width:800px){
	/* .secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box {padding: 2rem 3rem;}	
	.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box:first-child .secure-rental-con3-list{margin-top: 1rem;}
	.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-item{padding: 2rem; padding-left: 3.5rem;}
	.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box:first-child .secure-rental-con3-item{padding: 2rem; padding-left: 3.5rem; font-size: 1.5rem;}
	.secure-rental-con3-wrapper.no-img:not(.same-size) .secure-rental-con3-box:first-child .secure-rental-con3-item i{font-size: 2.4rem;} */
	
	.gm-cm-benefit-list li .inner{flex-direction: column; padding: 3rem; padding-left: 3rem;}
	.gm-cm-benefit-list .txt-box {width: 100%;}
	.gm-cm-benefit-list .img-box {width: 100%; margin-top: 1.5rem;}
	.gm-cm-benefit-list .img-box img {width: 100%;}
	
	.video-365-con04 .apartment-access-con4-inner {min-height: auto;}
	
	.ai-camera-box {flex-wrap:wrap;}
	.ai-camera-box .img-box {width: 100%;}
	.ai-camera-box .txt-box {width: 100%; margin-left: 0; margin-top: 3rem;}
	
	.service-title {font-size:2rem;}
	.service-subject{display: flex;}
	.service-subject i {font-size:2rem;}
	.service-contents:not(.ver2) p {font-size:1.5rem;}
	.service-contents .txt-box p {font-size:1.8rem;}
	.service-contents .txt-box em {font-size:1.4rem;}
	.service-contents {flex-wrap:wrap; margin: 0;}
	.service-contents li {width: 100%; padding: 2rem 0; margin: 0 0 1rem;}
	.service-contents li:last-of-type {margin-bottom: 0;}
	.service-contents:not(.ver2) p {padding-bottom:0;}
	.service-contents.ver2 li {padding: 2rem;}
}


/* ****************** 03 유도 시스템 :: 02 영상유도 ********************** */
.video-guidance-con02{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.video-guidance-con02-img-full{}
.video-guidance-con02-img-full img{max-width: 100%; border-radius: 3.2rem;}
.video-guidance-con02-wrapper{margin-top: 4.8rem;}
.video-guidance-con02-list{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(6, minmax(0, 1fr)); gap: 2rem;}
.video-guidance-con02-item{}
.video-guidance-con02-inner{padding: 4.8rem; height: 100%; background-color: #fff; box-sizing: border-box; border-radius: 1.6rem; position: relative; transition: var(--transition-custom); transition-property: background-color, box-shadow; position: relative;}
.video-guidance-con02-inner:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.5) 2.27%, rgba(255,255,255, 0.25) 49.29%, rgba(255,255,255,0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
/* 왼쪽 3단 카드 */
.video-guidance-con02-item:nth-child(1) {grid-column: 1; grid-row: 1 / 3;}
.video-guidance-con02-item:nth-child(2) {grid-column: 1; grid-row: 3 / 5;}
.video-guidance-con02-item:nth-child(3) {grid-column: 1; grid-row: 5 / 7;}
/* 오른쪽 2단 카드 */
.video-guidance-con02-item:nth-child(4) {min-height: 32rem; grid-column: 2; grid-row: 1 / 4;}
.video-guidance-con02-item:nth-child(5) {min-height: 32rem; grid-column: 2; grid-row: 4 / 7;}
.video-guidance-con02-txt{position: relative; z-index: 1;}
.video-guidance-con02-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; color: #000; transition: var(--transition-custom); transition-property: color;}
.video-guidance-con02-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555; position: relative; transition: var(--transition-custom); transition-property: color;}
.video-guidance-con02-item:nth-child(4) .video-guidance-con02-txt .pc-br,
.video-guidance-con02-item:nth-child(5) .video-guidance-con02-txt .pc-br{display: block;}
.video-guidance-con02-img{position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end;}
.video-guidance-con02-img picture,
.video-guidance-con02-img img{width: 100%; height: 100%; object-fit: cover;}
/* active */
.video-guidance-con02-item.active .video-guidance-con02-inner{background-color: var(--blue-color); box-shadow: 0 0 4rem 0 rgba(var(--rgb-blue-color),0.1);}
.video-guidance-con02-item.active .video-guidance-con02-inner:before{opacity: 1;}
.video-guidance-con02-item.active .video-guidance-con02-txt h5,
.video-guidance-con02-item.active .video-guidance-con02-txt p{color: #fff;}
/* animated */
.video-guidance-con02-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.video-guidance-con02-list.animated .video-guidance-con02-item{opacity: 1; transform: translateY(0);}
.video-guidance-con02-list.animated .video-guidance-con02-item:nth-child(2){transition-delay:0.2s}
.video-guidance-con02-list.animated .video-guidance-con02-item:nth-child(3){transition-delay:0.4s}
.video-guidance-con02-list.animated .video-guidance-con02-item:nth-child(4){transition-delay:0.6s}
.video-guidance-con02-list.animated .video-guidance-con02-item:nth-child(5){transition-delay:0.8s}

.video-guidance-con03{}
.video-guidance-con03 .video-guidance-con02-inner{background-color: #F5F5F5;}
.video-guidance-con03 .video-guidance-con02-inner:before{background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%);}
/* active */
.video-guidance-con03 .video-guidance-con02-item.active .video-guidance-con02-inner{background-color: #fff;}
.video-guidance-con03 .video-guidance-con02-item.active .video-guidance-con02-inner:before{opacity: 1;}
.video-guidance-con03 .video-guidance-con02-item.active .video-guidance-con02-txt h5{color: var(--blue-color);}
.video-guidance-con03 .video-guidance-con02-item.active .video-guidance-con02-txt p{color: #000;}

.video-guidance-con04{padding: var(--cm-con-padding) 0; background-color: rgba(62,137,255,0.07);}
.service-list-con .service-item dt{cursor: pointer;}
.video-guidance-con04 .service-list-con .service-item{box-shadow: 0 2rem 8rem -1rem rgba(0,0,0,0.05);}
.video-guidance-con04 .service-list-con .service-item dt{background-color: #fff;}
.video-guidance-con04 .service-list-con .service-item dd{background-color: #fff;}

.video-guidance-con05{padding-bottom: var(--cm-con-padding);}
/* 365 영상유도 :: tracking */
.tracking-box {background: #f5f5f5; padding: 4rem; border-radius:3.2rem;}
.tracking-list {display:flex; margin: 0 -4rem;}
.tracking-list li {text-align:center; margin: 0 4rem;}
.tracking-list .img-box {position: relative; border-radius:1.6rem;}
.tracking-list .img-box:before {position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity; }
.tracking-list .img-box img {max-width:100%; border-radius:1.6rem;}
.tracking-list .dots {display:flex; width: 4rem; margin: 0 -0.4rem; position: absolute; top: 50%; transform: translateY(-50%); right: -5.5rem; justify-content: center;}
.tracking-list .dots .dot {display:inline-block; width: 0.8rem; height: 0.8rem; border-radius:100%; background: #3E89FF; transition:var(--transition-custom);}
.tracking-list .dots .dot:nth-child(1) {opacity: 0.2;}
.tracking-list .dots .dot:nth-child(2) {opacity: 0.5; margin: 0 0.8rem;}
.tracking-list .tit {font-size:1.8rem; letter-spacing:-0.05em; color: #000; line-height:1.6em; margin-top: 1.6rem; transition:var(--transition-custom);}
.tracking-list li.active .img-box:before {opacity: 1;}
.tracking-list li.active .tit {color: var(--blue-color); font-weight: 700;}
.tracking-list li:nth-of-type(2) .dots .dot {background: #000;}
.tracking-list li:nth-of-type(2) .dots .dot:nth-child(1) {opacity: 0.2;}
.tracking-list li:nth-of-type(2) .dots .dot:nth-child(2) {opacity: 0.5;}
.tracking-list li.active .dots .dot {background: #3E89FF;}
.tracking-list li.prev-active .dots .dot {background: #3E89FF;}
/* animated */
.tracking-list li{opacity: 0; transition: var(--transition-custom2);}
.tracking-box .tracking-list li:nth-child(2){transform: translateX(-100%);}
.tracking-box .tracking-list li:nth-child(3){transform: translateX(-100%);}
.tracking-box.animated .tracking-list li{opacity: 1; transform: translateY(0);}
.tracking-box.animated .tracking-list li:nth-child(2){transition-delay:0.4s}
.tracking-box.animated .tracking-list li:nth-child(3){transition-delay:0.6s}

@media all and (max-width:800px){
	.video-guidance-con02-img-full img{border-radius: 1.6rem;}
	.video-guidance-con02-wrapper{margin-top: 4.8rem;}
	.video-guidance-con02-list{display: block; gap: 2rem;}
	/* 왼쪽 2단 카드 */
	.video-guidance-con02-item:nth-child(1),
	.video-guidance-con02-item:nth-child(2) {min-height: auto;}
	.video-guidance-con02-item + .video-guidance-con02-item{margin-top: 2rem;}
	.video-guidance-con02-inner{padding: 3rem; border-radius: 1.6rem;}
	.video-guidance-con02-item:nth-child(4) .video-guidance-con02-inner,
	.video-guidance-con02-item:nth-child(5) .video-guidance-con02-inner{min-height: auto; padding-bottom: 18rem;}
	.video-guidance-con02-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.video-guidance-con02-txt p{margin-top: 1.6rem; font-size: 1.8rem; line-height: 1.6;}
	.video-guidance-con02-img{height: 100%;}
	.video-guidance-con02-item:nth-child(1) .video-guidance-con02-img,
	.video-guidance-con02-item:nth-child(2) .video-guidance-con02-img{justify-content: center;}
	.video-guidance-con02-img picture, .video-guidance-con02-img img {object-fit: contain; object-position: center bottom;}
	.video-guidance-con02-item:nth-child(3) .video-guidance-con02-img img,
	.video-guidance-con02-item:nth-child(4) .video-guidance-con02-img img,
	.video-guidance-con02-item:nth-child(5) .video-guidance-con02-img img{object-position: right bottom;}
	
	.tracking-list {margin: -3rem 0; flex-direction:column;}
	.tracking-list li {margin: 3rem 0;}	
	.tracking-list .dots .dot:nth-child(2) {margin: 0.4rem 0;}
	.tracking-list .dots {margin: 0; top: calc(100% + 6rem); transform: translate(-50%, 0); left: 50%; right: initial; justify-content: center; flex-direction: column; align-items: center;}
	.tracking-list .dots .dot {width: 0.6rem; height: 0.6rem;}
	.tracking-list .img-box {max-width:32rem; margin: 0 auto;}
}


/* ****************** 03 유도 시스템 :: 03 초음파 유도 ********************** */
.ultrasound-guidance-con02{}
.ultrasound-guidance-con02 .area-box2{padding-top: var(--cm-con-padding); padding-bottom: var(--cm-con-padding); background-color: #F5F5F5; border-radius: 3.2rem;}
.ultrasound-guidance-con02 .benefit-item {background-color: #fff; box-shadow: 0 2rem 8rem -1rem rgba(0,0,0,0.05);}
.ultrasound-guidance-con02 .benefit-item:before{position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.5) 2.27%, rgba(255,255,255, 0.25) 49.29%, rgba(255,255,255,0.5) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.ultrasound-guidance-con02 .benefit-item .tit-box span,
.ultrasound-guidance-con02 .benefit-item .tit-box strong,
.ultrasound-guidance-con02 .benefit-item .txt01,
.ultrasound-guidance-con02 .benefit-item .txt02 {transition: var(--transition-custom); transition-property: color;}
.ultrasound-guidance-con02 .benefit-item:hover {background: var(--blue-color);}
.ultrasound-guidance-con02 .benefit-item:hover:before{opacity: 1;}
.ultrasound-guidance-con02 .benefit-item:hover .tit-box span,
.ultrasound-guidance-con02 .benefit-item:hover .tit-box strong,
.ultrasound-guidance-con02 .benefit-item:hover .txt01,
.ultrasound-guidance-con02 .benefit-item:hover .txt02 {color: #fff;}

.ultrasound-guidance-con05{}
/* Ultrasonic Sensor */
.ultrasound-guidance-sensor-box > .inner-box {display:flex; justify-content:space-between; /* margin: 0 -2rem; */}
/* .ultrasound-guidance-sensor-box > .inner-box > div {margin: 0 2rem;} */
.ultrasound-guidance-sensor-box > .inner-box .item {position: relative;}
.ultrasound-guidance-sensor-box > .inner-box .item:before { position: absolute; inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity; border-radius:1.6rem;}
.ultrasound-guidance-sensor-box .left-con {width: 68.182%;}
.ultrasound-guidance-sensor-box .left-con .box {position: relative;}
.ultrasound-guidance-sensor-box .left-con .box .img-box {width: 30rem;}
.ultrasound-guidance-sensor-box .left-con .box img {max-width:100%;}
.ultrasound-guidance-sensor-box .left-con .item-inner {padding: 5.6rem 8rem 4.4rem; box-sizing:border-box;}
.ultrasound-guidance-sensor-box .left-con .top-box {display:flex; justify-content: space-between;}
.ultrasound-guidance-sensor-box .left-con .bottom-box {margin-top: 7rem;}
.ultrasound-guidance-sensor-box .left-con .line-box {width: 11px; height: 11px; border-radius: 100%; background: var(--blue-color); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 3.8rem; margin-left: 4.2rem; box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 1.00);}
.ultrasound-guidance-sensor-box .left-con .line-box .line {position: absolute; display: block; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ultrasound_guidance_sensor_line01.png) no-repeat; height: 0.3rem; width: 14.2rem; top: 50%; transform: translateY(-50%); left: 1.8rem;}
.ultrasound-guidance-sensor-box .left-con .line-box .txt {position: absolute; width: 11.2rem; height: 2.6rem; background: var(--blue-color); border-radius: 100px; text-align: center; color: #fff; line-height: 2.6rem; left: 15rem; top: -0.7rem;}    
.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box {margin-top: -3rem; margin-left: -6rem;}
.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box .line {background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ultrasound_guidance_sensor_line02.png) no-repeat; width: 9.2rem; left: -10rem;}
.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box .txt {left: -21rem;}
.ultrasound-guidance-sensor-box .left-con .box:last-of-type .img-box {width:24rem;}

.ultrasound-guidance-sensor-box .right-con {width: 28.788%; display: flex; flex-direction: column; gap: 2rem;}
.ultrasound-guidance-sensor-box .right-con .item {flex:1;}
.sensor-list {display:flex; justify-content: space-between;}
.sensor-list li {text-align: center;}
.sensor-list .img-box img {max-width:100%;}
.sensor-list .txt {margin-top: 1.6rem; font-size: 1.8rem; letter-spacing: -0.05em; font-weight: 500; color: #000; line-height: 1.6em;}
.ultrasound-guidance-sensor-box .item-inner {background: #F5F5F5; border-radius:1.6rem; height: 100%; box-sizing: border-box; transition: var(--transition-custom);}
.ultrasound-guidance-sensor-box .item .tit-box p {font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.6em; transition: var(--transition-custom);}
.ultrasound-guidance-sensor-box .item .inner-list {margin-top: 1.6rem;}
.ultrasound-guidance-sensor-box .item .inner-list li {display: flex; align-items: center; font-size:1.8rem; letter-spacing:-0.05em; color: #555; line-height:1.6em; transition: var(--transition-custom);}
.ultrasound-guidance-sensor-box .item .inner-list li i {position: relative; padding-top: 0.3rem; align-self: self-start; margin-right: 0.8rem; color: #555; transition: var(--transition-custom);}
.ultrasound-guidance-sensor-box .right-con .item-inner {padding: 4rem;}

.ultrasound-guidance-sensor-box > .inner-box .item.active:before {opacity: 1;}
.ultrasound-guidance-sensor-box > .inner-box .item.active .item-inner {background: #fff;}
.ultrasound-guidance-sensor-box .item.active .tit-box p {color: var(--blue-color);}
.ultrasound-guidance-sensor-box .item.active .inner-list li {color: #000;}
.ultrasound-guidance-sensor-box .item.active .inner-list li i {color: #000;}

/* Feature */
.ultrasound-guidance-feature-box {position: relative;}
.ultrasound-guidance-feature-box .center-img {width: 100%; max-width: 880px; margin: 0 auto;}
.ultrasound-guidance-feature-box .center-img img {max-width: 100%;}

.ultrasound-guidance-feature-list {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.ultrasound-guidance-feature-list li {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 40rem; box-sizing: border-box; cursor: pointer; }
.ultrasound-guidance-feature-list li:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%;  border-radius: 1.6rem; border: 0.3rem solid transparent;border-radius: 1rem; background-image: linear-gradient(#fff,#fff), linear-gradient(135deg, #3E89FF 0%, rgba(62,137,255,0.5) 50%, #3E89FF 100%); background-origin: border-box; background-clip: content-box, border-box; box-sizing: border-box; opacity: 0; box-shadow:0 0 4rem rgba(62,137,255,0.1); transition: var(--transition-custom); opacity: 0;}
.ultrasound-guidance-feature-list li.item01 {margin-top: -12rem; margin-left: 64rem;}
.ultrasound-guidance-feature-list li.item02 {margin-top: 11rem; margin-left: 64rem;}
.ultrasound-guidance-feature-list li.item03 {margin-top: 9rem; margin-left: -62rem;} 
.ultrasound-guidance-feature-list li.item02 .line {width: 29.5rem; height: 15.6rem; position: absolute; left: -26.5rem; top: -6.5rem; z-index: 10;}
.ultrasound-guidance-feature-list li.item03 .line {width:41.3rem; height: 19.1rem; position: absolute; right: -38.5rem; top: -10rem; z-index: 10;}
.ultrasound-guidance-feature-list li .line img {width: 100%;}
.ultrasound-guidance-feature-box .ultrasound-guidance-feature-list li .inner  {padding: 2rem; border-radius: 1.6rem; }
.ultrasound-guidance-feature-list li dl {display: flex; align-items: center; position: relative; z-index: 1;}
.ultrasound-guidance-feature-list li dl dt {position: relative;width: 12rem; height: 12rem; border-radius: 0.8rem;}
/* .ultrasound-guidance-feature-list li dl dt:before {position: absolute; content: ''; left: -0.3rem; top:  -0.3rem; width: calc(100% + 0.6rem); height: calc(100% + 0.6rem); border: 0.3rem solid transparent;border-radius: 1rem; background-image: linear-gradient(transparent,transparent), linear-gradient(135deg, #3E89FF 0%, rgba(62,137,255,0.5) 50%, #3E89FF 100%); background-origin: border-box; background-clip: content-box, border-box; box-sizing: border-box; opacity: 0; box-shadow:0 0 4rem rgba(62,137,255,0.1); transition: var(--transition-custom);} */
.ultrasound-guidance-feature-list li dl dt:before {position: absolute; inset: 0; padding: 3px; border-radius: inherit;  background: linear-gradient(150.81deg, var(--blue-color) 2.27%, rgba(62, 137, 255, 0.5) 49.29%, var(--blue-color) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; content: "";  opacity: 0; transition: var(--transition-custom); transition-property: opacity; z-index: 2;}

.ultrasound-guidance-feature-list li dl dt img {position: relative; z-index: 1; width: 100%; height: 100%; object-fit:cover; border-radius: 0.8rem;}
.ultrasound-guidance-feature-list li dl dd { opacity: 0; visibility: hidden; width: calc(100% - 12rem); padding-left: 3rem;box-sizing: border-box; transition: var(--transition-custom);}
.ultrasound-guidance-feature-list li dl dd strong {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.6;}
.ultrasound-guidance-feature-list li dl dd p {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #000; line-height: 1.6; margin-top: 0.4rem;}
.ultrasound-guidance-feature-box.animated .ultrasound-guidance-feature-list li .inner { opacity: 1; transform: translateX(0) scale(1);}

.ultrasound-guidance-feature-list li.on {}
.ultrasound-guidance-feature-list li.on:before {opacity: 1;}
.ultrasound-guidance-feature-list li.on dl dt {}
.ultrasound-guidance-feature-list li.on dl dt:before {opacity: 0;}
.ultrasound-guidance-feature-list li.on dl dd {opacity: 1; visibility: visible;}

@media all and (min-width:801px){
	.ultrasound-guidance-feature-list li.item03 dl {flex-direction:row-reverse}
	.ultrasound-guidance-feature-list li.item03 dl dd {text-align: right; padding-left: 0; padding-right: 3rem;}
	.ultrasound-guidance-feature-list li:hover dl dt:before {opacity: 1;}
	.ultrasound-guidance-feature-list li.on:hover dl dt:before {opacity: 0;}
	
	.ultrasound-guidance-feature-box .ultrasound-guidance-feature-list li .inner {opacity: 0; transform: translateX(-10rem) scale(0);transition: var(--transition-custom2);}
	.ultrasound-guidance-feature-box.animated .ultrasound-guidance-feature-list li:nth-child(1) .inner { transition-delay: 0.2s;}
	.ultrasound-guidance-feature-box.animated .ultrasound-guidance-feature-list li:nth-child(2) .inner { transition-delay: 0.4s;}
	.ultrasound-guidance-feature-box.animated .ultrasound-guidance-feature-list li:nth-child(3) .inner { transition-delay: 0.6s;}
}

@media all and (max-width:1280px){
	.ultrasound-guidance-sensor-box > .inner-box {flex-direction: column;}
	.ultrasound-guidance-sensor-box .left-con {width: 100%;}
	.ultrasound-guidance-sensor-box .right-con {width: 100%; margin-top: 2rem;}
	.ultrasound-guidance-sensor-box .right-con .item:last-of-type { margin-top: 2rem;}
	
	.ultrasound-guidance-feature-list li.item01 {margin-top: -15rem; margin-left:30rem;}
	.ultrasound-guidance-feature-list li.item02 { margin-top: 3rem; margin-left: 37rem;}
	.ultrasound-guidance-feature-list li.item03 {margin-top: 0; margin-left: -23rem;} 
	.ultrasound-guidance-feature-list li .line {display: none !important;}
}

@media all and (max-width:800px){	
	.ultrasound-guidance-sensor-box .left-con .item-inner {padding: 4rem;}
	.ultrasound-guidance-sensor-box .left-con .top-box {flex-direction: column; align-items: center;}
	.ultrasound-guidance-sensor-box .left-con .box {width: 20rem;}
	.ultrasound-guidance-sensor-box .left-con .box:last-of-type {margin-top: 2rem;}
	.ultrasound-guidance-sensor-box .left-con .box .img-box {width: 100%;}
	.ultrasound-guidance-sensor-box .left-con .box:last-of-type .img-box {width: 100%;}
	.sensor-list {flex-wrap: wrap; justify-content:center;}
	.sensor-list li {margin: 2rem; width: calc(50% - 4rem);}
	.sensor-list .txt {font-size: 1.5rem;}
	.ultrasound-guidance-sensor-box .left-con .line-box {width: 0.8rem; height: 0.8rem; margin-top: 4rem; margin-left: 2.5rem;}
	.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box {margin-left: -5rem;}
	
	.ultrasound-guidance-feature-list {position: relative; margin-top: 2rem;}
	.ultrasound-guidance-feature-list li {position: relative;  width: 100%; left: 0; top: 0; margin-top: 0 !important;  transform: translate(0, 0); margin-left: 0 !important;}
	.ultrasound-guidance-feature-list li + li {margin-top: 2rem !important;}
	.ultrasound-guidance-feature-list li dl dt {width: 8rem; height: 8rem;}
	.ultrasound-guidance-feature-list li dl dd {width: calc(100% - 8rem); padding-left: 1.rem;}
	.ultrasound-guidance-feature-list li dl dd strong {font-size: 2rem;}
	
	.ultrasound-guidance-feature-list li {}
	.ultrasound-guidance-feature-list li:before {opacity: 1;}
	.ultrasound-guidance-feature-list li dl dt {}
	.ultrasound-guidance-feature-list li dl dt:before {opacity: 0;}
	.ultrasound-guidance-feature-list li dl dd {opacity: 1; visibility: visible;}
}

@media all and (max-width:640px){
	.ultrasound-guidance-sensor-box .left-con .box {width: 16rem;}
	.ultrasound-guidance-sensor-box .left-con .line-box {margin-top: 3.5rem; margin-left: 2rem;}
	.ultrasound-guidance-sensor-box .left-con .line-box .line {width: 7.2rem;}
	.ultrasound-guidance-sensor-box .left-con .line-box .txt {left:8rem;}
	.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box {margin-left: -4rem; margin-top: -2rem;}
	.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box .line {width: 5.2rem; left: -5rem;}
	.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box .txt {left: -16rem;}
}

@media all and (max-width:480px){
	.ultrasound-guidance-sensor-box .left-con .line-box .txt {width: auto; padding: 0 2rem;}
	.ultrasound-guidance-sensor-box .left-con .box:last-of-type .line-box .txt {left: -13rem;}
}

.ultrasound-guidance-con06{}
/* LED Lamp */
.led-lamp-box {position: relative;}
.led-lamp-box .center-img-box {width: 120rem; height: 60rem; margin: auto;}
.led-lamp-box .center-img-box img {border-radius:3.2rem; width: 100%;}
.led-lamp-box .inner-box {position: relative;}
.led-lamp-box .line {display: block; width: 1.6rem; height: 1.6rem; border: 3px solid #fff; box-sizing: border-box; border-radius: 100%; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(9px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -14.2rem; margin-left: 0.2rem;} 
.led-lamp-box .line:before {display: block; content: ""; width: 7.8rem; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ultrasound_guidance_lamp_line.png) no-repeat; background-size: contain; height: 13.3rem; top: calc(50% + 0.5rem); right: -7.2rem; position: absolute;}
.lamp-list-box {position: absolute; top: 50%; left: 50%; margin-top: -10rem; margin-left: 8rem;} 
.lamp-list { width: 20rem; z-index: 1;  background: rgba(255, 255, 255, 0.25); border-radius: 1.6rem; text-align: center; border: 1.5px solid rgba(255, 255, 255, 0.2); padding: 3.2rem 0 0; box-sizing: border-box; height: 18rem;}
.lamp-list li {width: 100%;}
.lamp-list .tit {font-size: 1.6rem; letter-spacing: -0.05em; color: #fff; font-weight: 600; text-align: center; margin: 1.2rem 0 0; }
.lamp-list .img-box {width: 8.2rem; margin: 0 auto;}
.lamp-list .img-box img { max-width:100%;}

.led-dots {position: absolute; bottom: 1.4rem; left: 50%; transform: translateX(-50%);}
.led-dots .slick-dots {justify-content: center; display: flex; margin: 0 -0.3rem;}
.led-dots .slick-dots li button {display: block; width: 0.6rem; height: 0.6rem; border-radius:100%; background: rgba(255,255,255,0.4); font-size: 0; margin: 0 0.3rem;}
.led-dots .slick-dots li.slick-active button {background: #fff;}

@media all and (max-width:1280px){
	.led-lamp-box .center-img-box {width: 100%; height: auto;}
	.led-lamp-box .line {width: 1.2rem; height: 1.2rem; margin-top: -13rem; margin-left: 0.2rem; border: 2px solid #fff;}
}
@media all and (max-width:800px){
	.lamp-list-box {margin-top: -9rem; margin-left: 3rem;}
	.lamp-list {width: 15rem; height: 16rem;}
	.lamp-list .img-box {width: 5.5rem;}
	.led-lamp-box .center-img-box img {border-radius:2rem;}
	.led-lamp-box .line {width: 1rem; height: 1rem; margin-top: -7.5rem; margin-left: 0.1rem;}
	.led-lamp-box .line:before {width: 6rem; height: 5.3rem; height: 5.3rem; right: -5.7rem;}
}

@media all and (max-width:640px){
	.led-lamp-box .line {margin-top: -6rem;}
	.lamp-list .tit {font-size:1.4rem;}
}
@media all and (max-width:480px){
	.lamp-list {height: auto; padding: 2rem 0 3rem;}
	.led-lamp-box .line {width: 6px; height: 6px; margin-top: -4.7rem; margin-left: 0.1rem;}
	.led-lamp-box .line:before {width: 5rem; height: 5.3rem; top: calc(50% + 0.2rem); right: -4.8rem;}
	.lamp-list .tit {font-size:1.4rem;}
}

.ultrasound-guidance-con08{}
.ultrasound-guidance-con08-wrapper{}
.ultrasound-guidance-con08-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.ultrasound-guidance-con08-litem{margin: 1rem; width: calc(50% - 2rem);}
.ultrasound-guidance-con08-litem img{width: 100%; border-radius: 1.6rem;}

.ultrasound-guidance-con9{padding-top: var(--cm-con-padding); background-color: rgba(var(--rgb-blue-color),0.1);}

.ultrasound-guidance-con10{margin-top: 0 !important; padding: var(--cm-con-padding) 0; background-color: rgba(var(--rgb-blue-color),0.1);}
/* feature 01 */	
.guidance-feature-list {display: flex; justify-content: space-between;}
.guidance-feature-list li {text-align: center;}
.guidance-feature-list .tit {font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 500; line-height:1.6em; margin-top: 2.4rem;}
.guidance-feature-list .img-box img {max-width:100%;}
.feature-txt-box {display: flex; margin: 7.4rem -1rem 0;}
.feature-txt-box .item {margin: 0 1rem; width: calc((100% - 2rem) / 2);}

.feature-txt-box .item .inner-box {position: relative; height: 100%; box-sizing: border-box; background: #fff; border-radius:1.6rem; padding: 4.8rem; transition: var(--transition-custom);}
.feature-txt-box .item .inner-box:before {position: absolute;  inset: 0; padding: 3px; border-radius: inherit; background: linear-gradient(150.81deg, rgba(255,255,255,0.5) 2.27%, rgba(255,255,255,0.25) 49.29%, rgba(255,255,255,0.25) 97.23%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;  mask-composite: exclude; pointer-events: none; content: ""; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.feature-txt-box .item .inner-box .tit {font-size:2.4rem; color: #000; font-weight: 700; line-height:1.6em; letter-spacing:-0.05em; transition: var(--transition-custom);}
.feature-txt-box .item .inner-box .txt {display: flex; align-items: center; font-size:1.8rem; color: #555; line-height:1.6em; letter-spacing:-0.05em; margin-top: 0.8rem; transition: var(--transition-custom);}
.feature-txt-box .item .inner-box .txt i {position: relative; top: 0.3rem; align-self: flex-start; margin-right: 0.8rem; transition: var(--transition-custom);}
/* active */
.feature-txt-box .item.active .inner-box {background: var(--blue-color);}
.feature-txt-box .item.active .inner-box:before {opacity: 1;}
.feature-txt-box .item.active .tit, 
.feature-txt-box .item.active .txt, 
.feature-txt-box .item.active .txt i {color: #fff;}

@media all and (max-width:1280px){
	.guidance-feature-list {justify-content: center;}
	.guidance-feature-list li {margin: 0 4rem;}
	.guidance-feature-list .img-box {width: 18rem;}
	.guidance-feature-list .tit {font-size:2rem;}
}
@media all and (max-width:800px){
	.guidance-feature-list {flex-wrap:wrap;}
	.guidance-feature-list li {margin: 2rem; width: calc(50% - 4rem);}
	.guidance-feature-list .img-box {width: 100%;}
	.guidance-feature-list .tit {font-size:1.8rem;}
	.feature-txt-box {margin: 2rem 0 0; flex-wrap: wrap;}
	.feature-txt-box .item {width: 100%; margin: 1rem 0;}
	.feature-txt-box .item .inner-box {padding: 3rem;}
	.feature-txt-box .item .inner-box .tit {font-size:2rem;}
	.feature-txt-box .item .inner-box .txt {font-size:1.6rem;}
	
	.ultrasound-guidance-con08-litem{width: calc(100% - 2rem);}
}

.ultrasound-guidance-con12{padding-bottom: var(--cm-con-padding);}
/* feature 02 */
.guidance-feature-box {position: relative;}
.guidance-feature-box .inner-box {position: relative;}
.guidance-feature-box .center-img-box {width: 120rem; height: 54rem; margin: 0 auto;}
.guidance-feature-box .center-img-box img {border-radius:3.2rem; width: 100%;}

.guidance-feature-box .inner-box .line01 {display: block; width: 1.6rem; height: 1.6rem; border: 3px solid #fff; box-sizing: border-box; border-radius: 100%; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(9px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -17.5rem; margin-left: -38.8rem;}
.guidance-feature-box .inner-box .line01:before{ display: block; content: ""; width: 2rem; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ultrasound_guidance_con12_line.png) no-repeat; background-size: contain; height: 6.3rem; top: calc(50% + 0.5rem); right: -1.4rem; position: absolute;}

.guidance-feature-box .inner-box .line02 {display: block; width: 1.6rem; height: 1.6rem; border: 3px solid #fff; box-sizing: border-box; border-radius: 100%; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(9px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -8.1rem; margin-left: -16rem;}
.guidance-feature-box .inner-box .line02:before{ display: block; content: ""; width: 2rem; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/ultrasound_guidance_con12_line.png) no-repeat; background-size: contain; height: 6.3rem; top: calc(50% + 0.5rem); right: -1.4rem; position: absolute;}

.guidance-feature-item01 {position: absolute; top: 50%; left: 50%; margin-top: -10.5rem; margin-left: -47.8rem; background: rgba(255, 255, 255, 0.25); border-radius: 1.6rem; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(30px); width: 18rem; height: 18rem; padding: 2.8rem; box-sizing: border-box;}
.guidance-feature-item01 .img-box {width: 9.2rem; margin: 0 auto;}
.guidance-feature-item02 {position: absolute; top: 50%; left: 50%; margin-top: -1.2rem; margin-left: -24.5rem; background: rgba(255, 255, 255, 0.25); border-radius: 1.6rem; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(30px); width: 18rem; height: 18rem; padding: 2.8rem; box-sizing: border-box;}
.guidance-feature-item02 .img-box {width: 9.3rem; margin: 0 auto;}

.guidance-feature-item01 img,
.guidance-feature-item02 img {max-width:100%;}

.guidance-feature-item01 .tit, 
.guidance-feature-item02 .tit {font-size:1.6rem; letter-spacing:-0.05em; color: #fff; font-weight: 600; line-height:1.6em; text-align: center; margin-top: 1.4rem;}
.guidance-feature-box + .feature-txt-box {margin: 4.8rem -1rem 0;}
.guidance-feature-box + .feature-txt-box .item .inner-box {background: #f5f5f5;}
.guidance-feature-box + .feature-txt-box .item.active .inner-box {background: var(--blue-color);}

@media all and (max-width:1280px){
	.guidance-feature-box .center-img-box {width: 100%; height: auto;}
	.guidance-feature-box .inner-box .line01 {width: 1.2rem; height: 1.2rem; border: 2px solid #fff; margin-top: -15.8rem; margin-left: -36.8rem;}
	.guidance-feature-item01 {margin-left: -45.8rem;}
	.guidance-feature-box .inner-box .line02 {width: 1.2rem; height: 1.2rem; border: 2px solid #fff; margin-top: -7.6rem; margin-left: -14.8rem;}
	.guidance-feature-item02 {margin-left: -23.5rem;}
	.guidance-feature-box .center-img-box img {border-radius:1.6rem;}
}
@media all and (max-width:800px){
	.guidance-feature-box .inner-box .line01 {margin-top: -9.4rem; margin-left: -21.8rem;}
	.guidance-feature-item01 {width: 12rem; height: 12rem; padding: 2rem; margin-top: -5.5rem; margin-left: -27.8rem;}
	.guidance-feature-box .inner-box .line02 {margin-top: -4.6rem; margin-left: -8.6rem;}
	.guidance-feature-item02 {width: 12rem; height: 12rem; padding: 2rem; margin-left: -14.5rem; margin-left: -14.5rem;}
	.guidance-feature-item01 .img-box {width: 5rem;}
	.guidance-feature-item02 .img-box {width: 5rem;}
	.guidance-feature-item01 .tit, .guidance-feature-item02 .tit {font-size:1.4rem;}
}
@media all and (max-width:640px){
	.guidance-feature-box .inner-box .line01 {width: 1rem; height: 1rem; margin-top: -7.5rem;
        margin-left: -16.8rem; /* margin-top: -6rem; margin-left: -13.8rem; */}
	.guidance-feature-box .inner-box .line01:before {width: 1rem; height: 6.3rem; right: -0.6rem;}
	.guidance-feature-box .inner-box .line02 {width: 1rem; height: 1rem; /* margin-top: -2.8rem; margin-left: -5.2rem; */         margin-top: -3.5rem;
        margin-left: -6.8rem;}
	.guidance-feature-box .inner-box .line02:before {width: 1rem; height: 2.5rem; right: -0.6rem;}
	.guidance-feature-item01 {width: 8rem; height: 8rem; padding: 1rem; margin-top: -3.5rem; /* margin-left: -17.5rem; */}
	.guidance-feature-item01 {margin-left: -20.8rem;}
	.guidance-feature-item01 .img-box {width: 3.5rem;}
	.guidance-feature-item02 {width: 8rem; height: 8rem; padding: 1rem; margin-top: -1.2rem; margin-left: -11rem;/* margin-left: -9.3rem; */}
	.guidance-feature-item02 .img-box {width: 3.5rem;}
	.guidance-feature-item01 .tit, .guidance-feature-item02 .tit {font-size:1.2rem; margin-top: 0.8rem;}
}
@media all and (max-width:480px){
	.guidance-feature-box .inner-box .line01 {margin-top: -6rem; margin-left: -13.8rem;}
	.guidance-feature-box .inner-box .line02 {margin-top: -2.8rem; margin-left: -5.2rem;}
	.guidance-feature-item01 {margin-left: -17.5rem;}
	.guidance-feature-item02 {margin-left: -9.3rem;}
}


/* ****************** 04 위탁/임대 운영 :: 01 임대운영 ********************** */
.rental-op-con1{}

.rental-op-con2{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}

.operation-intro-con {background: #f5f5f5; border-radius:1.6rem; padding: 4rem;}
.operation-intro-con .top-con {background: #fff; border-radius:0.8rem; padding: 4rem;}
.operation-intro-con .top-con p {font-size:1.8rem; letter-spacing:-0.05em; color: #555; font-weight: 500; line-height:1.6em; margin-top: 0.4rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-intro-con .top-con p:first-of-type {margin-top: 0;}
.operation-intro-con .top-con p i {font-size:1.8rem; color: #555; margin-right: 1.2rem;}
.operation-intro-con .middle-con {display: flex; flex-wrap:wrap; justify-content: center; margin: 3rem 0;}
.operation-intro-con .middle-con .item {width: 20rem; height: 20rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-intro-con .middle-con .item .inner-box {position: relative; width: 100%; height: 100%; background: #fff; border: 2px solid #000; border-radius: 0.8rem; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; justify-content: center; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);}
.operation-intro-con .middle-con .img-box {width: 5.9rem; margin: 0 auto;}
.operation-intro-con .middle-con .img-box img {max-width:100%;}
.operation-intro-con .middle-con .item .tit {font-size: 2rem; letter-spacing: -0.03em; color: #000; font-weight: 700; line-height: 1.6em; text-align: center; margin-top: 1.3rem;}
.operation-intro-con .item-line {display: flex; align-items: center; flex-direction: column; justify-content: center; width: calc((100% - 60rem) / 2);  opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-intro-con .item-line .line{position: relative; width:100%; text-align:center;}
.operation-intro-con .item-line .line + .line{margin-top:1rem;}
.operation-intro-con .item-line .line .back-line{position: absolute; content:''; width:calc(100% - 1rem); height:1px; top:50%; left:50%; transform:translate(-50%, -50%);}
.operation-intro-con .item-line .line .back-line:before{position: absolute; content:'\e93b'; font-family:'xeicon'; top:-5px; left:-0.4rem; font-size:1rem; color:#000; z-index:9; display: none;}
.operation-intro-con .item-line .line .back-line:after{position: absolute; content:'\e93e'; font-family:'xeicon'; top:-5px; right:-0.5rem; font-size:1rem; color:#000; z-index:9; display: none;}
.operation-intro-con .item-line .line p {position: relative; display: inline-block; font-size: 1.4rem; letter-spacing: -0.05em; font-weight: 500; line-height: 1.6rem; text-align: center; padding: 0.8rem 1.2rem; background: #fff; border-radius: 3rem; }
.operation-intro-con .item-line .line01 p{border: 1px solid #000; color: #000; }
.operation-intro-con .item-line .line01 .back-line{border-top:1px solid #000;}
.operation-intro-con .item-line .line01 .back-line:before,
.operation-intro-con .item-line .line01 .back-line:after{color:#000;}
.operation-intro-con .item-line .line02 p{border: 1px dashed #999; color: #999; }
.operation-intro-con .item-line .line02 .back-line{border-top:1px dashed #999;}
.operation-intro-con .item-line .line02 .back-line:before,
.operation-intro-con .item-line .line02 .back-line:after{color:#999;}
.operation-intro-con .item-line .line .back-line.prev:not(.next){width:calc(100% - 0.5rem); left:auto; right:0; transform: translate(0, -50%);}
.operation-intro-con .item-line .line .back-line.next:not(.prev){width:calc(100% - 0.5rem); left:0; transform: translate(0, -50%);}
.operation-intro-con .item-line .line .back-line.prev:before{display: block;}
.operation-intro-con .item-line .line .back-line.next:after{display: block;}

.operation-intro-con .middle-con .item.gm-main-item .inner-box{border-color:var(--main-color); background:rgba(255,52,41,0.05); }
.operation-intro-con .middle-con .item.gm-main-item .tit{color:var(--main-color);}

.operation-intro-con .item-bottom {display: flex; align-items: center; flex-direction: column; justify-content: center; width: calc((100% - 20rem)); margin-top:2.3rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-intro-con .item-bottom .line{position: relative; width:100%; text-align:center;}
.operation-intro-con .item-bottom .line .back-line{position: absolute; content:''; width:100%; height:1px; top:50%; left:50%; transform:translate(-50%, -50%); border-top:1px dashed #999;}
.operation-intro-con .item-bottom .line .back-line:before{position: absolute; content:''; width:1px; height:3.5rem; border-left:1px dashed #999; bottom:calc(100% + 2px); left:0;}
.operation-intro-con .item-bottom .line .back-line .back-line-arrow{position: absolute; bottom: calc(100% + 3.2rem); left: -4px; font-size:1rem; color:#999; z-index:9;} 
.operation-intro-con .item-bottom .line .back-line:after{position: absolute; content:''; width:1px; height:3.7rem; border-left:1px dashed #999; bottom:calc(100% + 2px); right:-1px;}
.operation-intro-con .item-bottom .line p {position: relative; display: inline-block; font-size: 1.4rem; letter-spacing: -0.05em; font-weight: 500; line-height: 1.6rem; text-align: center; padding: 0.8rem 1.2rem; background: #fff; border-radius: 3rem; border: 1px dashed #999; color: #999;}

.operation-intro-con .bottom-inner-con {border-radius: 0.8rem; border: 2px solid #000; overflow:hidden;}
.operation-intro-con .bottom-con .title-box {background: #000; text-align: center; padding: 1.38rem 1rem; }
.operation-intro-con .bottom-con .title-box p {    font-size: 2.4rem; color: #fff; letter-spacing: -0.03em; line-height: 1.6em; font-weight: 700;}
.operation-intro-con .bottom-con .title-box p > span {color: var(--blue-color);}
.operation-intro-con .bottom-con .inner-list-box {padding: 2rem 3rem;}
.operation-intro-con .bottom-con .inner-list-box ul li {display:flex; border-top:1px solid rgba(0,0,0,0.1); padding: 1.8rem 0; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-intro-con .bottom-con .inner-list-box ul li:first-of-type {border-top:0;}
.operation-intro-con .bottom-con .num {display:inline-block; background: var(--blue-color); color: #fff; border-radius:3rem; font-size:1.4rem; font-weight: 500; width: 4rem; height: 2.6rem; text-align: center; line-height: 2.6rem;}
.operation-intro-con .bottom-con .inner-list-box ul li p {padding-left: 1.2rem; color: #555; font-size:1.8rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.6em; width:calc(100% - 4rem);}

.operation-intro-con .item-bottom .line p.m-txt,
.operation-intro-con .item-line .line p.m-txt{display: none;}

/* animated */
.operation-intro-con .top-con.animated p{opacity:1; transform:translateY(0);}
.operation-intro-con .top-con.animated p:nth-child(1){transition-delay:0.1s;}
.operation-intro-con .top-con.animated p:nth-child(2){transition-delay:0.2s;}
.operation-intro-con .top-con.animated p:nth-child(3){transition-delay:0.3s;}
.operation-intro-con .top-con.animated p:nth-child(4){transition-delay:0.4s;}

.operation-intro-con .middle-con.animated .item,
.operation-intro-con .middle-con.animated .item-line{opacity:1; transform:translateX(0);}
.operation-intro-con .middle-con.animated .item-bottom{opacity:1; transform:translateY(0);}
.operation-intro-con .middle-con.animated > div:nth-child(1){transition-delay:0.3s}
.operation-intro-con .middle-con.animated > div:nth-child(2){transition-delay:0.4s}
.operation-intro-con .middle-con.animated > div:nth-child(3){transition-delay:0.5s}
.operation-intro-con .middle-con.animated > div:nth-child(4){transition-delay:0.6s}
.operation-intro-con .middle-con.animated > div:nth-child(5){transition-delay:0.7s}
.operation-intro-con .middle-con.animated > div:nth-child(6){transition-delay:0.8s}

.operation-intro-con .bottom-con.animated .inner-list-box ul li{opacity:1; transform:translateX(0);}
.operation-intro-con .bottom-con.animated .inner-list-box ul li:nth-child(1){transition-delay:0.3s}
.operation-intro-con .bottom-con.animated .inner-list-box ul li:nth-child(2){transition-delay:0.4s}
.operation-intro-con .bottom-con.animated .inner-list-box ul li:nth-child(3){transition-delay:0.5s}
.operation-intro-con .bottom-con.animated .inner-list-box ul li:nth-child(4){transition-delay:0.6s}

@media all and (max-width:800px){
	.operation-intro-con{padding:4rem 3rem;}
	.operation-intro-con .top-con{padding:3rem 2.2rem;}
	.operation-intro-con .top-con p{display: flex; font-size:1.6rem;}
	.operation-intro-con .top-con p i{font-size:1.6rem; margin-right:0.8rem; margin-top:0.5rem;}
	
	.operation-intro-con .middle-con{flex-direction: column; align-items: center; justify-content: center; padding-right:4rem;}
	.operation-intro-con .item-line{width:100%; flex-direction: row; align-items: stretch; margin:3px 0;}
	.operation-intro-con .item-line .line{display: flex; align-items: center; width:auto; padding:2rem 1rem;}
	.operation-intro-con .item-line .line + .line{margin-top:0rem;}
	.operation-intro-con .item-line .line p{font-size: 1.2rem; padding: 0.6rem; writing-mode: tb;}
	.operation-intro-con .item-line .line .back-line{width:1px !important; height:100%; left:50% !important;}
	.operation-intro-con .item-line .line01 .back-line{border-left:1px solid #000; border-top:0;}
	.operation-intro-con .item-line .line02 .back-line{border-left:1px dashed #999; border-top:0;}
	.operation-intro-con .item-line .line .back-line:before{top: -0.5rem; left: -0.6rem; transform: rotate(90deg);}
	.operation-intro-con .item-line .line .back-line:after{top: auto; bottom: -0.4rem; right: -0.4rem; transform: rotate(90deg);}
	.operation-intro-con .item-bottom{position: absolute; top:0; right:50%; transform: translate(17rem, 0) !important; width:3rem; height:100%; margin-top:0;}
	.operation-intro-con .item-bottom .line{position: static;}
	.operation-intro-con .item-bottom .line p{padding:0.6rem; writing-mode: tb;}
	.operation-intro-con .item-bottom .line .back-line{width: 1px; height: calc(100% - 20rem); border-top:0; border-left: 1px dashed #999;}
	
	.operation-intro-con .item-bottom .line .back-line:before {width: 4.5rem; height: 1px; border-top: 1px dashed #999; border-left: 0; bottom: calc(100% + 2px); right: 1px; left: auto;}
	.operation-intro-con .item-bottom .line .back-line .back-line-arrow {top: -0.4rem; left: -5.3rem; transform: rotate(-90deg); }
	.operation-intro-con .item-bottom .line .back-line:after {width: 4.5rem; height: 1px; border-top: 1px dashed #999; border-left: 0; bottom: -1px; right: 1px; }
	
	.operation-intro-con .bottom-con .title-box p{font-size:2rem;}
	.operation-intro-con .bottom-con .inner-list-box{padding:2rem;}
	.operation-intro-con .bottom-con .inner-list-box ul li{padding:1rem 0;}
	.operation-intro-con .bottom-con .inner-list-box ul li p{font-size:1.6rem;}
	
	.operation-intro-con .item-bottom{width: auto;}
	.operation-intro-con .item-bottom .line p.pc-txt,
	.operation-intro-con .item-line .line p.pc-txt{display: none;}
	.operation-intro-con .item-bottom .line p.m-txt,
	.operation-intro-con .item-line .line p.m-txt{padding: 0; font-size: 1.2rem; line-height: 1.1; writing-mode: initial; border-radius: 2rem; box-sizing: border-box; min-width: 8rem; height: 3.6rem; text-align: center; display: inline-flex; align-items: center; justify-content: center;}
}

/* ****************** 
	04 위탁/임대 운영 :: 하단 공통 컨텐츠 
********************** */
.rental-op-con-wrap{margin-top:16rem;}

@media all and (max-width:800px){
	.rental-op-con-wrap{margin-top:10rem;}
}

/* ********* 04 위탁/임대 운영 :: 하단 공통 컨텐츠 :: Operations and Management ********* */
.operation-mg-container {border-top: 2px solid #000;}
.operation-mg-container ul li {border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 4rem 0;}
.operation-mg-container ul li:first-of-type {border-top:0;}
.operation-mg-container .q-box {display:flex; align-items:center;}
.operation-mg-container .q-box i {font-size: 4rem; color: #000;}
.operation-mg-container .q-box span {position: relative; left: 2rem; display:inline-block; background: #000; border-radius:0.8rem; color: #fff; font-size:1.8rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.6em; padding: 0.56rem 2.09rem; max-width: calc(100% - 6rem); box-sizing:border-box;}
.operation-mg-container .q-box span:before{display: block; content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #000; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);}
.operation-mg-container .answer-box {margin-top: 1.6rem; padding-left: 6rem;}
.operation-mg-container .answer-box p {color: #000; font-size:2.4rem; letter-spacing:-0.05em; font-weight: 700; line-height:1.6em;}
.operation-mg-container .answer-box p span {color: var(--blue-color);}

@media all and (max-width:800px){
	.operation-mg-container ul li {padding: 2rem 0;}
	.operation-mg-container .q-box i {font-size: 3rem;}
	.operation-mg-container .q-box span {font-size:1.6rem; }
	.operation-mg-container .answer-box {margin-top: 1rem;}
	.operation-mg-container .answer-box p {font-size:2rem;}
}

/* ********* 04 위탁/임대 운영 :: 하단 공통 컨텐츠 :: Differences ********* */
.operation-df-container ul{display: flex; justify-content:space-between;}
.operation-df-container ul li{width:calc((100% - 4rem) / 3); background:#fff; border-radius:1.6rem 1.6rem 3rem; box-shadow: 0px 20px 80px -10px rgba(0, 0, 0, 0.05); padding:1.6rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-df-container ul li .img-box{display: flex; align-items:center; justify-content:center; width:100%; height:22rem; border-radius:0.8rem; background:#f5f5f5; padding:2rem; box-sizing:border-box;}
.operation-df-container ul li .img-box img{height:100%; object-fit: cover;}

.operation-df-container ul li .txt-box{margin-block:3rem 2rem; text-align:center;}
.operation-df-container ul li .txt-box p{font-size:2.4rem; line-height:1.4; letter-spacing:-0.05em; color:#000; font-weight:700;}

.operation-df-container ul li:nth-child(1) .img-box img{max-height:19rem;}
.operation-df-container ul li:nth-child(2) .img-box img{max-height:17.4rem;}
.operation-df-container ul li:nth-child(3) .img-box img{max-height:16.4rem;}

/* animated */
.operation-df-container.animated ul li{opacity:1; transform:translateY(0);}
.operation-df-container.animated ul li:nth-child(1){transition-delay:0.2s;}
.operation-df-container.animated ul li:nth-child(2){transition-delay:0.4s;}
.operation-df-container.animated ul li:nth-child(3){transition-delay:0.6s;}

@media all and (max-width:800px){
	.operation-df-container ul{display: block;}
	.operation-df-container ul li{width:100%; margin-bottom:2rem;}
	.operation-df-container ul li:last-child{margin-bottom:0;}
	.operation-df-container ul li .txt-box{margin-block:2rem 1.5rem;}
	.operation-df-container ul li .txt-box p{font-size:2rem;}
}


/* ********* 04 위탁/임대 운영 :: 하단 공통 컨텐츠 :: Features & Benefits ********* */
.rental-op-con4{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.operation-fb-container ul li{display: flex; align-items:center; border-radius:1.2rem; background:#3E89FF; margin-bottom:1rem; border: 2px solid #3E89FF; overflow: hidden;}
.operation-fb-container ul li:last-child{margin-bottom:0;}
.operation-fb-container ul li .point{display: flex; flex-direction: column; align-items:center; justify-content:center; width:16rem; height:100%; text-align:center;}
.operation-fb-container ul li .point .num{font-size:4.2rem; letter-spacing:-0.03em; color:#fff; font-weight:700}
.operation-fb-container ul li .point .txt{font-size:1.6rem; letter-spacing:-0.03em; line-height:1.6; color:#fff; font-weight:500; margin-top:0.4rem;}
.operation-fb-container ul li .txt-box{width:calc(100% - 16rem); height:100%; padding:2.5rem 3rem; box-sizing:border-box; background:#fff;}
.operation-fb-container ul li .txt-box dt{font-size:2.4rem; line-height:1.6; letter-spacing:-0.03em; color:#000; font-weight:700;}
.operation-fb-container ul li .txt-box dt span{color:var(--main-color);}
.operation-fb-container ul li .txt-box dd{font-size:1.8rem; line-height:1.6; letter-spacing:-0.05em; color:#555; font-weight:500; margin-top:1rem;}

@media all and (max-width:800px){
	.operation-fb-container ul li{display: block;}
	.operation-fb-container ul li .point{flex-direction: row; align-items: flex-end; width:100%; padding:1rem; box-sizing:border-box;}
	.operation-fb-container ul li .point .num{font-size:3rem;}
	.operation-fb-container ul li .point .txt{font-size:1.4rem; margin-left:0.4rem;}
	.operation-fb-container ul li .txt-box{width:100%;}
	.operation-fb-container ul li .txt-box dt{font-size:2rem;}
	.operation-fb-container ul li .txt-box dd{font-size:1.6rem;}
}

/* ********* 04 위탁/임대 운영 :: 하단 공통 컨텐츠 :: Consulting Process ********* */
.operation-cp-list {display:flex; justify-content: space-between;}
.operation-cp-list li {width:calc((100% - 28.2rem) / 4); opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-cp-list li .inner-box {width: 100%; position: relative; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.operation-cp-list li .circle-box {width: 100%; position: relative;}
.operation-cp-list li .icon-box {width: 100%; position: absolute; height: 100%; top: 0; border-radius: 100%; background: #fff; box-shadow: 0px 0px 48px 0px rgba(62, 137, 239, 0.25);}
.operation-cp-list li .icon-box:before {display: block; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 113.334%; height: 113.334%; border-radius: 100%; background: url(/wp-content/themes/geummyeong/assets/site/web-static-images/content/office_circle_bg.png) no-repeat; background-size:100%; opacity: 0; transition: var(--transition-custom); }
.operation-cp-list li .icon-box:after { opacity: 0; display: block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(circle, rgba(62, 137, 255, 0.9) 0%, rgba(22, 99, 219, 1) 100%); box-shadow: none; border-radius: inherit; transition: var(--transition-custom); }
.operation-cp-list .step{position: relative; font-size: 1.4rem; letter-spacing: -0.05em; color: #3E89FF; font-weight: 500; text-align: center; transition: var(--transition-custom);}
.operation-cp-list .icon-tit {position: relative; font-size: 2.4rem; letter-spacing: -0.05em; color: #3E89FF; font-weight: 600; text-align: center; transition: var(--transition-custom); margin-top:1rem;}
.operation-cp-list li .line-box {display: block; position: absolute; width: 5.2rem; height: 2px; background: rgba(62, 137, 255, 0.2); left: calc(100% + 2rem); top: 50%; transform: translateY(-50%); transition: var(--transition-custom);}
.operation-cp-list li .line-box:before {display: block; content: ""; width: 1.2rem; height: 1.2rem; background: rgba(62, 137, 255, 0.2); border-radius: 100%; top: 50%; position: absolute; left: -1.2rem; transform: translateY(-50%); transition: var(--transition-custom);} 
.operation-cp-list li .line-box:after {display: block; content: ""; width: 1.2rem; height: 1.2rem; border-radius: 100%; background: rgba(62, 137, 255, 0.2); position: absolute; right: -1.2rem; top: 50%; transform: translateY(-50%); transition: var(--transition-custom);}
/* active */
.operation-cp-list li.active .line-box,
.operation-cp-list li.active .line-box:before,
.operation-cp-list li.active .line-box:after {background: rgba(62, 137, 255, 1);}
/* prev */
.operation-cp-list li.prev-active .line-box,
.operation-cp-list li.prev-active .line-box:before,
.operation-cp-list li.prev-active .line-box:after { background: rgba(62, 137, 255, 1); }

.operation-cp-list li:nth-child(3).active .line-box,
.operation-cp-list li:nth-child(3).active .line-box:before,
.operation-cp-list li:nth-child(3).active .line-box:after {background: rgba(62, 137, 255, 1);}
.operation-cp-list li.active .icon-box:after { opacity: 1; }
.operation-cp-list li.active .icon-box:before { opacity: 1; animation:circle-ani 20s linear infinite;}
.operation-cp-list li.active .step,
.operation-cp-list li.active .icon-tit{color: #fff;}

/* animated */
.operation-cp-container.animated ul li{opacity:1; transform:translateY(0);}
.operation-cp-container.animated ul li:nth-child(1){transition-delay:0.2s;}
.operation-cp-container.animated ul li:nth-child(2){transition-delay:0.4s;}
.operation-cp-container.animated ul li:nth-child(3){transition-delay:0.6s;}
.operation-cp-container.animated ul li:nth-child(4){transition-delay:0.8s;}


@media all and (max-width:1280px){
	.operation-cp-list li {width: 22rem;}
	.operation-cp-list li .icon-box span {width: 9rem; height: 9rem;}
	.operation-cp-list .icon-tit {font-size:2.2rem;}
}
@media all and (max-width:800px){
	.operation-cp-list {flex-direction: column;}
	.operation-cp-list li {margin: 0 auto 5rem; width: 25rem;}
	.operation-cp-list .icon-tit {font-size:2rem;}
	.operation-cp-list li .line-box{display: none;}
}

/* ********* 04 위탁/임대 운영 :: 하단 공통 컨텐츠 :: Reviews ********* */
.rental-op-con6{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.operation-reviews-container ul{display: flex; justify-content:space-between;}
.operation-reviews-container ul li{display: flex; flex-direction: column; justify-content: space-between; width:calc(50% - 1rem); border-radius:1.2rem; background:#fff; padding:4rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.operation-reviews-container ul li .tit-box{border-bottom:1px solid rgba(0,0,0,0.1); padding:1rem 0 2rem;}
.operation-reviews-container ul li .tit-box .tit{font-size:2.4rem; line-height:1.6em; letter-spacing:-0.03em; color:#000; font-weight:700;}
.operation-reviews-container ul li .txt-box{margin-top:4rem;}
.operation-reviews-container ul li .txt-box dt{display: flex; align-items:center; flex-wrap:wrap;}
.operation-reviews-container ul li .txt-box dt .tit{display: flex; align-items:center; font-size:2rem; line-height:1.6; letter-spacing:-0.05em; color:#000; font-weight:700; margin-right:0.8rem;}
.operation-reviews-container ul li .txt-box dt .tit i{font-size:2.4rem; font-weight:400; margin-right:0.3rem;}
.operation-reviews-container ul li .txt-box dt .star{display: flex; font-size:1.8rem; color:var(--main-color);}
.operation-reviews-container ul li .txt-box dd{font-size:1.8rem; line-height:1.6; letter-spacing:-0.05em; color:#555; font-weight:500; margin-top:1rem;}
.operation-reviews-container ul li .graph-box{border:2px solid #000; border-radius:1.2rem; box-sizing:border-box; overflow:hidden; margin-top:4rem; padding-bottom:2rem;}
.operation-reviews-container ul li .graph-box .graph-tit{display: block; font-size:2rem; line-height:1.6; letter-spacing:-0.03em; color:#fff; font-weight:700; background:#000; padding:1.4rem 1rem; text-align:center;}
.operation-reviews-container ul li .graph-box .graph-txt{display: block; font-size:1.6rem; line-height:1.6; letter-spacing:-0.05em; color:#555; font-weight:500;padding:1.4rem 1rem 2rem; text-align:center;}
.operation-reviews-container ul li .graph-box .graph-img{display: flex; justify-content: center; align-items:flex-end; height:26rem;}
.operation-reviews-container ul li .graph-box .graph-img img{max-width:100%;}

/* animated */
.operation-reviews-container.animated ul li{opacity:1; transform:translateY(0);}
.operation-reviews-container.animated ul li:nth-child(1){transition-delay:0.2s;}
.operation-reviews-container.animated ul li:nth-child(2){transition-delay:0.4s;}

@media all and (max-width:800px){
	.operation-reviews-container ul{display: block;}
	.operation-reviews-container ul li{width:100%; padding:3rem;}
	.operation-reviews-container ul li .tit-box .tit{font-size:2rem;}
	.operation-reviews-container ul li .txt-box{margin-top:3rem;}
	.operation-reviews-container ul li .txt-box dt .tit{font-size:1.8rem; margin-right:0.6rem;}
	.operation-reviews-container ul li .txt-box dt .tit i{font-size:2rem;}
	.operation-reviews-container ul li .txt-box dt .star{font-size:1.4rem;}
	.operation-reviews-container ul li .txt-box dd{font-size:1.6rem;}
	.operation-reviews-container ul li .graph-box{margin-top:2rem; padding-bottom:1rem;}
	.operation-reviews-container ul li .graph-box .graph-tit{font-size:1.8rem; padding:1rem;}
	.operation-reviews-container ul li .graph-box .graph-txt{font-size:1.4rem;}
	.operation-reviews-container ul li .graph-box .graph-img{height:22rem;}
}


/* ****************** 05 금명 강점 :: 01 주차보안 기술 ********************** */
.tech-page .gm-cm-sub-con:nth-of-type(odd) {background: #f5f5f5;}
.strength-tech-con01{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.service-tech-safety-con {display: flex; justify-content: space-between; margin-top: 6rem;}
.service-tech-safety-con .safety-item {width: calc(50% - 1rem); border-radius: 2rem;  border: 2px solid var(--blue-color); box-sizing: border-box; overflow: hidden; background: #fff;}
.service-tech-safety-con .safety-item .tit-box {display: flex; align-items: center;  justify-content: center; width: 100%; height: 6.4rem; background: var(--blue-color);}
.service-tech-safety-con .safety-item .tit-box .tit {font-size: 2rem; line-height: 1.2; letter-spacing: -0.05em; color: #fff; font-weight: 600; text-align: center;}
.service-tech-safety-con .safety-item .chart-wrap {width: 100%; height: calc(100% - 6rem); max-height: 48rem; padding: 3rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box {display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 5px; padding: 1.5rem; box-sizing: border-box; margin-top: 2rem;}
.service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box span {position: relative; padding-left: 2rem; box-sizing: border-box; margin: 0 1.5rem; font-size: 1.4rem; line-height: 1.4; letter-spacing: -0.05em; color: #222; font-weight: 500;}
.service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box span:before {position: absolute; content: ''; width: 1rem; height: 1rem; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%);}
.service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box span.basic:before {background: #000;}
.service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box span.gm-ipk:before {background: var(--blue-color);}
.service-tech-safety-con .safety-item .safety-list {}
.service-tech-safety-con .safety-item .safety-list .list-item {display: flex; align-items: center; padding: 2rem 3rem; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1);}
.service-tech-safety-con .safety-item .safety-list .list-item:last-child {border-bottom: 0;}
.service-tech-safety-con .safety-item .safety-list .list-item .icon {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; background: rgba(255,52,41,0.1);}
.service-tech-safety-con .safety-item .safety-list .list-item .txt-box {padding-left: 2rem;  box-sizing: border-box;}
.service-tech-safety-con .safety-item .safety-list .list-item .txt-box dt {display: flex; align-items: center; font-size: 1.8rem; line-height: 1.4;  letter-spacing: -0.05em; color: #222;  font-weight: 700;}
.service-tech-safety-con .safety-item .safety-list .list-item .txt-box dt .critical {display: inline-flex; font-size: 1rem; letter-spacing: 0; padding: 3px 1rem; border-radius: 2rem; background: rgba(61,154,240,0.1); color: var(--sub-color); font-weight: 700; margin-left: 1rem;}
.service-tech-safety-con .safety-item .safety-list .list-item .txt-box dd {font-size: 1.4rem; line-height: 1.65; letter-spacing: -0.05em; color: rgba(85,85,85,0.8); font-weight: 500;}

.tech-page .service-tech-safety-con .safety-item .tit-box {background:var(--blue-color);}
.tech-page .service-tech-safety-con .safety-item .safety-list .list-item .icon {background:rgba(62, 137, 255, 0.1);}
.tech-page .service-tech-safety-con .safety-item .safety-list .list-item .txt-box dt .critical {color: #3D9AF0;}
.tech-page .service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box span.gm-ipk:before {background:var(--blue-color);}

.strength-tech-con02{}
.no-pc-system-list {margin: 0 -1rem; display:flex; flex-wrap:wrap;}
.no-pc-system-list li {padding: 5rem; background: #fff; margin: 0 1rem; width: calc(33.33% - 2rem); box-sizing: border-box; border-radius:1.6rem; box-shadow: 0px 2rem 8rem 0px rgba(0, 0, 0, 0.05);}
.no-pc-system-list .txt-box {margin-top: 7.9rem;}
.no-pc-system-list .tit {font-size:2.4rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.4em; margin-bottom: 1rem;}
.no-pc-system-list .txt {font-size:1.8rem; letter-spacing:-0.05em; color: #555; font-weight: 400; line-height:1.6em;}
/* animated */
.no-pc-system-list li{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
@media all and (min-width:801px){
	.no-pc-system-list.animated li{opacity: 1; transform: translateY(0);}
	.no-pc-system-list.animated li:nth-child(2){transition-delay:0.2s}
	.no-pc-system-list.animated li:nth-child(3){transition-delay:0.4s}
}

.strength-tech-con03{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.strength-tech-con03 .service-list-con .service-item{box-shadow: 0 2rem 8rem -1rem rgba(0,0,0,0.05);}
.strength-tech-con03 .service-list-con .service-item dt{background-color: #fff;}
.strength-tech-con03 .service-list-con .service-item dd{background-color: #fff;}
.strength-tech-con03 .mechanism-list{display:flex; border-radius:0 0 1.6rem 1.6rem; padding: 2rem;}

.strength-tech-con04{padding-bottom: var(--cm-con-padding);}
.strength-tech-con04 .gm-sub-tab-list-style ul{width: 100%; background-color: #F5F5F5; box-sizing: border-box;}
.strength-tech-con04 .gm-sub-tab-list-style ul li{width: 20%;}
.strength-tech-con04 .gm-sub-tab-list-style ul li a em{color:#000;}
.strength-tech-con04 .gm-sub-tab-list-style ul li.selected a em{color:#fff;}
.strength-tech-con04 .gm-sub-tab-con{display: none;}
.strength-tech-con04 .gm-sub-tab-con > .img-box{margin-top: 4rem;}
.strength-tech-con04 .gm-sub-tab-con > .img-box img{width: 100%; border-radius: 1.6rem; }
.strength-tech-con04 .secure-rental-con3-wrapper.same-size{margin-top: 3rem;}
.strength-tech-con04 .secure-rental-con3-list{margin-top:2.4rem;}
.strength-tech-con04 .secure-rental-con3-item{min-height: 9.4rem;}
.strength-tech-con04 .secure-rental-con3-arrow{background-color:#3E89FF}
.strength-tech-con04 .secure-rental-con3-arrow .img-box{backdrop-filter:blur(0px); filter:none;}
.strength-tech-con04 .secure-rental-con3-arrow:before{background:linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.8) 100%)}
.strength-tech-con04 .secure-rental-con3-box {padding-top: 4rem; padding-bottom: 4rem; background-color: #fff; border-radius: 1.6rem;}
.strength-tech-con04 .secure-rental-con3-box:before{padding:2px; background: linear-gradient(150.81deg, rgba(255, 255, 255, 1) 2.27%, rgba(255, 255, 255, 0.1) 49.29%, rgba(255, 255, 255, 1) 97.23%);}
.strength-tech-con04 .secure-rental-con3-box + .secure-rental-con3-box {background: linear-gradient(136.4deg, #3E89FF 0%, #1663DB 99.39%); box-shadow: 0px 0px 40px rgba(62, 137, 255, 0.5);}
.strength-tech-con04 .secure-rental-con3-item.is-compare-asis {background-color: #f5f5f5;}

.mechanism-list dl {margin-top: 2rem;}
.mechanism-list dl:first-of-type {margin-top: 0;}
.mechanism-list dt {background: #fff; border-radius:1.6rem; font-size:2.4rem; font-weight: 700; color: #000; height: 8rem; line-height: 8rem; letter-spacing:-0.05em; padding: 0 3rem;}
.mechanism-list dt i {color: #000; font-size:2.4rem; margin-right: 1.1rem; position: relative; top: 0.2rem;}
.mechanism-list dd {display:flex; background: #fff; border-radius:0 0 1.6rem 1.6rem; padding: 2rem;}
.mechanism-list .img-box {width: 45%; margin-right: 4rem;}
.mechanism-list .img-box img {max-width: 100%;}
.mechanism-list .category {display:inline-block; height: 3.7rem; background:rgba(61, 154, 240, 0.1); border-radius: 3.7rem; color: #3D9AF0; font-weight: 500; font-size:1.4rem; line-height:3.7rem; padding: 0 1.5rem;}
.mechanism-list .tit {display: block; font-size:2.4rem; letter-spacing:-0.05em; line-height:1.6em; font-weight: 700; color: #000; margin: 1.6rem 0;}
.mechanism-list .txt {font-size:1.8rem; letter-spacing:-0.05em; line-height:1.6em; color: #555;}
.mechanism-list .inner-box {margin-top: 3rem;}
.mechanism-list .inner-box p {font-size:1.6rem; letter-spacing:-0.03em; line-height:1.55em; color: #555;}
.mechanism-list .inner-box p i {color: #3D9AF0; margin-right: 1.1rem;}

.BM-content-wrapper .gm-sub-tab-con {background: #F5F5F5; border-radius:1.6rem; padding: 6rem 5rem;}
.BM-content-wrapper .top-box {display:flex; justify-content:space-between;}
.BM-content-wrapper .top-tit {font-size:2.4rem; letter-spacing:-0.05em; font-weight: 700; color: #222; line-height:1.4em;}
.BM-content-wrapper .top-txt {margin-top: 2rem; font-size:1.8rem; letter-spacing:-0.05em; font-weight: 500; color: #555; line-height:1.6em; display: block;}
.bm-view-btn {display:flex; align-items:center; justify-content:center; flex-direction:column; width: 11.4rem; height: 11.4rem; background: #fff; border-radius: 0.8rem; font-size:1.6rem; letter-spacing:-0.05em; color: #000; font-weight: 500;}
.bm-view-btn i {margin-bottom: 1rem; font-size:2.4rem;}

.BM-content-wrapper .img-box img {max-width:100%;}
.BM-content-wrapper .bottom-box {display:flex; margin: 0 -1.2rem;}
.BM-content-wrapper .bottom-box > div {width: calc(50% - 1.2rem); margin: 0 1.2rem; border-radius:1.6rem;}

@media all and (max-width:800px){
	.service-tech-safety-con{display: block; margin-top:4rem;}
	.service-tech-safety-con .safety-item{width:100%; margin-bottom:2rem;}
	.service-tech-safety-con .safety-item .tit-box{height:5rem;}
	.service-tech-safety-con .safety-item .tit-box .tit{font-size:1.6rem;}

	.service-tech-safety-con .safety-item .chart-wrap{max-height:auto; padding-bottom:10rem; box-sizing:border-box;}
	.service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box span{padding-left:1.5rem; margin:0 1rem;}
	.service-tech-safety-con .safety-item .chart-wrap .chart-bottom-box span:before{width:0.7rem; height:0.7rem;}

	.service-tech-safety-con .safety-item .safety-list{}
	.service-tech-safety-con .safety-item .safety-list .list-item{padding:2rem 1.5rem;}
	.service-tech-safety-con .safety-item .safety-list .list-item .icon{width:4rem; height:4rem; border-radius:50%; background:rgba(255,52,41,0.1);}
	.service-tech-safety-con .safety-item .safety-list .list-item .txt-box{width:calc(100% - 4rem); padding-left:1rem;}
	.service-tech-safety-con .safety-item .safety-list .list-item .txt-box dt{font-size:1.6rem;}
	.service-tech-safety-con .safety-item .safety-list .list-item .txt-box dt .critical{padding:3px 0.7rem; margin-left:0.7rem;}
	
	.no-pc-system-list {margin: -1rem;}
	.no-pc-system-list li {padding: 3rem; margin: 1rem; width: calc(100% - 2rem);}
	.no-pc-system-list .txt-box {margin-top: 5.5rem;}
	.no-pc-system-list .tit {font-size:2.4rem; line-height:1.4em; margin-bottom: 1rem;}
	.no-pc-system-list .txt {font-size:1.8rem; line-height:1.6em;}
	/* animated */
	.no-pc-system-list li.animated{opacity: 1; transform: translateY(0);}
	
	.strength-tech-con03 .mechanism-list{flex-wrap:wrap; padding: 2rem;}
	.mechanism-list dl {margin-top: 2rem;}
	.mechanism-list dl:first-of-type {margin-top: 0;}
	.mechanism-list dt {font-size:2.4rem; height: 8rem; line-height: 8rem; padding: 0 3rem;}
	.mechanism-list dt i {font-size:2.4rem; margin-right: 1.1rem; top: 0.2rem;}
	.mechanism-list dd {padding: 2rem;}
	.mechanism-list .img-box {width: 100%; margin-right: 0;}
	.mechanism-list .txt-box {margin-top: 2rem; width: 100%;}
	.mechanism-list .category {height: 3.7rem; font-size:1.4rem; line-height:3.7rem; padding: 0 1.5rem;}
	.mechanism-list .tit {display: block; font-size:2.4rem; line-height:1.6em; margin: 1.6rem 0;}
	.mechanism-list .txt {font-size:1.8rem; line-height:1.6em;}
	.mechanism-list .inner-box {margin-top: 3rem;}
	.mechanism-list .inner-box p {font-size:1.6rem; line-height:1.55em;}
	.mechanism-list .inner-box p i {margin-right: 1.1rem;}
	
	.strength-tech-con04 .gm-sub-tab-list-style ul{width: auto; background-color: #fff;}
	.strength-tech-con04 .gm-sub-tab-list-style ul li{width: 100%;}
	.strength-tech-con04 .gm-sub-tab-list-style ul li a em{color:#000;}
	.strength-tech-con04 .gm-sub-tab-con > .img-box{margin-top: 3rem;}
	.strength-tech-con04 .gm-sub-tab-con > .img-box img{width: 100%; border-radius: 1.6rem;}
	.strength-tech-con04 .secure-rental-con3-wrapper.same-size{margin-top: 3rem;}
	
	.strength-tech-con04 .secure-rental-con3-wrapper.same-size{margin-top: 3rem;}
	.strength-tech-con04 .secure-rental-con3-list{margin-top:2.4rem;}
	.strength-tech-con04 .secure-rental-con3-item{min-height: 8.4rem;}
	.strength-tech-con04 .secure-rental-con3-box {padding-top: 4rem; padding-bottom: 4rem; border-radius: 1.6rem;}
	
	.BM-content-wrapper .gm-sub-tab-con {padding: 4rem 3rem;}
	.BM-content-wrapper .top-box {flex-wrap:wrap;}
	.BM-content-wrapper .top-tit {font-size:2.4rem; line-height:1.4em;}
	.BM-content-wrapper .top-txt {margin-top: 2rem; font-size:1.8rem; line-height:1.6em;}
	.bm-view-btn {margin-top: 2rem; width: 11.4rem; height: 11.4rem; flex-direction: row-reverse; width: 100%; height: 6rem; font-size:1.6rem; border-radius: 0.8rem;}
	.bm-view-btn i {margin-bottom: 1rem; margin-bottom: 0; margin-left: 1rem; font-size:2.4rem;}

	.BM-content-wrapper .img-box img {max-width:100%;}
	.BM-content-wrapper .bottom-box {display:flex; margin: 0 -1.2rem;}
	.BM-content-wrapper .bottom-box > div {width: calc(50% - 1.2rem); margin: 0 1.2rem; border-radius:1.6rem;}
}


/* ****************** 05 금명 강점 :: 02 자체 개발 SW ********************** */
.strength-sw-con01{background-color: #fff !important;}
.strength-sw-con1-wrapper{}
.strength-sw-con1-list{margin: -3rem -1rem; display: flex; flex-wrap:wrap;}
.strength-sw-con1-item{margin: 3rem 1rem; width: calc(50% - 2rem);}
.strength-sw-con1-img{position: relative; width: 100%; height: 0; padding-top: 67.79%; border-radius: 1.6rem;}
.strength-sw-con1-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.strength-sw-con1-txt{margin-top: 4rem; text-align: center;}
.strength-sw-con1-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.strength-sw-con1-txt h5 span{font-size: 1.8rem; line-height: 1.6; letter-spacing: -.05em; font-weight: 500; color: #555; display: block;}
.strength-sw-con1-txt p{margin-top: 0.5rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: #555;}
/* animated */
.strength-sw-con1-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
@media all and (min-width:801px){
	.strength-sw-con1-list.animated .strength-sw-con1-item{opacity: 1; transform: translateY(0);}
	.strength-sw-con1-list.animated .strength-sw-con1-item:nth-child(2){transition-delay:0.2s}
	.strength-sw-con1-list.animated .strength-sw-con1-item:nth-child(3){transition-delay:0.4s}
	.strength-sw-con1-list.animated .strength-sw-con1-item:nth-child(4){transition-delay:0.6s}
	.strength-sw-con1-list.animated .strength-sw-con1-item:nth-child(5){transition-delay:0.8s}
	.strength-sw-con1-list.animated .strength-sw-con1-item:nth-child(6){transition-delay:1s}
}

.strength-sw-con02{}

.strength-sw-con03{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.strength-sw-con03 .service-list-con .service-item{box-shadow: 0 2rem 8rem -1rem rgba(0,0,0,0.05);}
.strength-sw-con03 .service-list-con .service-item dt{background-color: #fff;}
.strength-sw-con03 .service-list-con .service-item dd{background-color: #fff;}

.strength-sw-con03-list{padding: 2rem; background-color: #fff;}
.strength-sw-con03-item{padding: 3rem; background-color: #F5F5F5; box-sizing: border-box; border-radius: 0.6rem;}
.strength-sw-con03-item h5{margin-bottom: 1.5rem; font-size: 2rem; line-height: 1.6; letter-spacing: -.05em; font-weight:700; color: #000;}
.strength-sw-con03-item p{position: relative; padding-left: 2.6rem; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
.strength-sw-con03-item p + p{margin-top: 0.4rem;}
.strength-sw-con03-item p b{margin-right: 0.8rem; font-weight: 700;}
.strength-sw-con03-item p:before{position: absolute; top: 0; left: 0; content: "\e929"; font-family: xeicon; color: #555;}
.strength-sw-con03-list.col4 {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.strength-sw-con03-list.col4 .strength-sw-con03-item {min-height: 100%;}
.strength-sw-con03-list.col4 .strength-sw-con03-item:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 4;}
.strength-sw-con03-list.col4 .strength-sw-con03-item:nth-child(n+2) {grid-column: 2 / 3;}

@media all and (max-width:800px){
	.strength-sw-con01{background-color: transparent !important;}
	.strength-sw-con1-list{margin: -3rem -1rem;}
	.strength-sw-con1-item{margin: 3rem 1rem; width: calc(100% - 2rem);}
	.strength-sw-con1-img{border-radius: 1.6rem;}
	.strength-sw-con1-txt{margin-top: 4rem;}
	.strength-sw-con1-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.strength-sw-con1-txt h5 span{font-size: 1.8rem; line-height: 1.6;}
	/* animated */
	.strength-sw-con1-item.animated{opacity: 1; transform: translateY(0);}
	
	.strength-sw-con03-list{padding: 2rem;}
	.strength-sw-con03-item{padding: 3rem; border-radius: 0.6rem;}
	.strength-sw-con03-item + .strength-sw-con03-item{margin-top: 1rem;}
	.strength-sw-con03-item h5{margin-bottom: 1.5rem; font-size: 2rem; line-height: 1.6;}
	.strength-sw-con03-item p{padding-left: 2.6rem; font-size: 1.6rem; line-height: 1.6;}
	.strength-sw-con03-item p + p{margin-top: 0.4rem;}
	.strength-sw-con03-item p b{margin-right: 0.8rem;}
	.strength-sw-con03-list.col4 {display: block;}
	.strength-sw-con03-list.col4 .strength-sw-con03-item {min-height: auto;}
	.strength-sw-con03-list.col4 .strength-sw-con03-item:nth-child(1),
	.strength-sw-con03-list.col4 .strength-sw-con03-item:nth-child(n+2) {grid-column: auto; grid-row: auto;}
}


/* ****************** 05 금명 강점 :: 03 자체 생산 HW ********************** */
.strength-hw-con01{padding-bottom: var(--cm-con-padding); background-color: #fff !important;}

@media all and (max-width:800px){
	.strength-hw-con01{background-color: transparent !important;}
}

/* ****************** 05 금명 강점 :: 04 콜센터/AS ********************** */
.strength-as-con01{position: relative; z-index: -1;}
.strength-as-con01:before{position: absolute; top: calc(-1 * (5rem + 250px)); height: calc(5rem + 250px); left: 0; right: 0; background-color: #F5F5F5; content: '';}

.strength-as-con01-bottom{}
.strength-as-con01-bnr{padding: 0 6.66%; height: 50rem; background: url("../web-static-images/content/strength_as_con01_bg.jpg?ver=260520") center/cover no-repeat; border-radius: 1.6rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; position: relative;}
.strength-as-con01-bnr-txt{}
.strength-as-con01-bnr-txt p{font-size: 2rem; line-height: 1.6; font-weight: 700; letter-spacing: -0.03em; color: #fff;}
.strength-as-con01-bnr-txt h5{margin-top: 2.4rem; font-size: 3.2rem; line-height: 1.6; letter-spacing: -.03em; font-weight: 700; color: #fff;}
.strength-as-con01-bnr-txt h5 b{font-weight: 700; color: var(--blue-color);}
.strength-as-con01-bnr-txt a{margin-top: 4rem; padding: 0 2rem; width: 25rem; height: 6.2rem; font-size: 2.4rem; font-weight: 700; letter-spacing: -.03em; color: #fff; border-radius: 0.6rem; background-color: var(--blue-color); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.strength-as-con01-bnr-txt a i{font-size: 2.4rem; font-weight: 400;}
/* animated */
.strength-as-con01-bnr-txt p,
.strength-as-con01-bnr-txt h5,
.strength-as-con01-bnr-txt a{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.strength-as-con01-bnr.animated .strength-as-con01-bnr-txt p,
.strength-as-con01-bnr.animated .strength-as-con01-bnr-txt h5,
.strength-as-con01-bnr.animated .strength-as-con01-bnr-txt a{opacity: 1; transform: translateY(0);}
.strength-as-con01-bnr.animated .strength-as-con01-bnr-txt p{transition-delay:0.3s}
.strength-as-con01-bnr.animated .strength-as-con01-bnr-txt h5{transition-delay:0.5s}
.strength-as-con01-bnr.animated .strength-as-con01-bnr-txt a{transition-delay:0.7s}

.strength-as-con01-box{margin-top: 5rem; padding: 4rem; background-color: #fff; border-radius: 1.6rem; position: relative; box-sizing: border-box; display: flex; flex-wrap:wrap; align-items: center;}
.strength-as-con01-left{width: 46.42%; display: flex; justify-content: space-between;}
.strength-as-con01-left-item{padding: 4rem 1.5rem; width: calc(50% - 1rem); border: 2px solid var(--blue-color); text-align: center; box-sizing: border-box; border-radius: 0.6rem; box-shadow: 0 0.4rem 2rem 0 rgba(0,0,0,0.1);}
.strength-as-con01-left-item span{display: block; width: 100%; height: 8rem;}
.strength-as-con01-left-item span img{height: 100%; display: inline-block;}
.strength-as-con01-left-item p{margin-top: 2.6rem; font-size: 2rem; line-height: 1.6; letter-spacing: -0.03em; font-weight: 700; color: #000;}
.strength-as-con01-right{padding-left: 4.46%; width: 53.58%; box-sizing: border-box;}
.strength-as-con01-right p{position: relative; padding-left: 3rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
.strength-as-con01-right p + p{margin-top: 0.4rem;}
.strength-as-con01-right p:before{position: absolute; top: 0; left: 0; content: "\e929"; font-family: xeicon;}
/* animated */
.strength-as-con01-left{opacity: 0; transform: translateX(-50px); transition: var(--transition-custom2);}
.strength-as-con01-box.animated .strength-as-con01-left{opacity: 1; transform: translateX(0);}
.strength-as-con01-right{opacity: 0; transform: translateX(50px); transition: var(--transition-custom2);}
.strength-as-con01-box.animated .strength-as-con01-right{opacity: 1; transform: translateX(0);}

.strength-as-con02{margin-top: 0 !important; padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}

.strength-as-con03{padding-bottom: var(--cm-con-padding); background-color: #fff !important;}
.strength-as-con03-box {background: #f5f5f5; border-radius: 1.6rem; padding: 5rem;}
.strength-as-con03-box-inner {display: grid; grid-template-columns: 18.18% minmax(4rem, 1fr) 18.18% minmax(4rem, 1fr) 18.18% minmax(4rem, 1fr) 18.18%; grid-template-rows: 20rem 7.5rem 20rem; align-items: center; justify-content: center; /* margin: 3rem 0; */ position: relative;}
/* 1행 */
.strength-as-con03-box-inner > .strength-as-con03-item01 {grid-column: 1; grid-row: 1;}
.strength-as-con03-box-inner > .strength-as-con03-item-line:nth-child(2) {grid-column: 2; grid-row: 1;}
.strength-as-con03-box-inner > .strength-as-con03-item02 {grid-column: 3; grid-row: 1;}
.strength-as-con03-box-inner > .strength-as-con03-item-line:nth-child(4) {grid-column: 4; grid-row: 1;}
.strength-as-con03-box-inner > .strength-as-con03-item03 {grid-column: 5; grid-row: 1;}
.strength-as-con03-box-inner > .strength-as-con03-item-line:nth-child(6) {grid-column: 6; grid-row: 1;}
.strength-as-con03-box-inner > .strength-as-con03-item04 {grid-column: 7; grid-row: 1;}
/* 2행 */
.strength-as-con03-box-inner > .strength-as-con03-item05 {grid-column: 5; grid-row: 3;}
/* 각 아이템 */
.strength-as-con03-item {width: 100%; height: 20rem; position: relative;}
.strength-as-con03-item .inner-box {position: relative; width: 100%; height: 100%; background: #fff; border: 2px solid #fff; border-radius: 0.8rem; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; justify-content: center; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);}
.strength-as-con03-item .img-box {height: 7rem; margin: 0 auto;}
.strength-as-con03-item .img-box img {height:100%;}
.strength-as-con03-item .tit{font-size: 2rem; letter-spacing: -0.03em; color: #000; font-weight: 700; line-height: 1.6em; text-align: center; margin-top: 1.3rem;}
.strength-as-con03-item .txt{margin-top: 0.2rem; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: #555; text-align: center;}
/* line */
.strength-as-con03-item-line {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.strength-as-con03-item-line .line{position: relative; width:100%; text-align:center;}
.strength-as-con03-item-line .line .back-line{position: absolute; content:''; width:calc(100% - 1rem); height:1px; top:50%; left:50%; transform:translate(-50%, -50%);}
.strength-as-con03-item-line .line .back-line:before{position: absolute; content:'\e93b'; font-family:'xeicon'; top:50%; left:-0.4rem; transform:translateY(-50%); font-size:1rem; color:#000; z-index:9; display: none;}
.strength-as-con03-item-line .line .back-line:after{position: absolute; content:'\e93e'; font-family:'xeicon'; top:50%; margin-top: -0.1rem; right:-0.5rem; transform:translateY(-50%); font-size:1rem; color:#000; z-index:9; display: none;}
.strength-as-con03-item05-line-top p,
.strength-as-con03-item05-line-bottom p,
.strength-as-con03-item-line .line p {position: relative; display: inline-block; font-size: 1.4rem; letter-spacing: -0.05em; font-weight: 500; line-height: 1.6rem; text-align: center; padding: 0.8rem 1.2rem; background: #F5F5F5; border-radius: 3rem; }
.strength-as-con03-item-line .line01 p{border: 1px dashed #000; color: #000;}
.strength-as-con03-item-line .line01 .back-line{border-top:1px dashed #000;}
.strength-as-con03-item-line .line01 .back-line:before,
.strength-as-con03-item-line .line01 .back-line:after{color:#000;}
.strength-as-con03-item-line .line02 p{border: 1px dashed var(--blue-color); color: var(--blue-color);}
.strength-as-con03-item-line .line02 .back-line{border-top:1px dashed var(--blue-color);}
.strength-as-con03-item-line .line02 .back-line:before,
.strength-as-con03-item-line .line02 .back-line:after{color:var(--blue-color);}
.strength-as-con03-item-line .line03 p{border: 1px dashed var(--main-color); color: var(--main-color);}
.strength-as-con03-item-line .line03 .back-line{border-top:1px dashed var(--main-color);}
.strength-as-con03-item-line .line03 .back-line:before,
.strength-as-con03-item-line .line03 .back-line:after{color:var(--main-color);}
.strength-as-con03-item-line .line .back-line.prev:not(.next){width:calc(100% - 0.5rem); left:auto; right:0; transform: translate(0, -50%);}
.strength-as-con03-item-line .line .back-line.next:not(.prev){width:calc(100% - 0.5rem); left:0; transform: translate(0, -50%);}
.strength-as-con03-item-line .line .back-line.prev:before{display: block;}
.strength-as-con03-item-line .line .back-line.next:after{display: block;}
/* 01 추가 css */
.strength-as-con03-item01 .inner-box:before{height:3.5rem; top:calc(100% + 2px + 0.2rem);}
.strength-as-con03-item01 .inner-box{border-color:var(--main-color); background:rgba(255,52,41,0.05);}
.strength-as-con03-item01 .inner-box:before{display: none;}
.strength-as-con03-item01 .tit{color:var(--main-color);}
/* 04 추가 css */
.strength-as-con03-item04 .inner-box{border-color:var(--blue-color); background:rgba(62,137,255,0.05);}
.strength-as-con03-item04 .tit{color:var(--blue-color);}
/* 05 추가 css :: NO 라인 */
.strength-as-con03-item05-line-top {position: absolute; left: 50%; top: -7.5rem; width: 1px; height: 6.8rem; border-left: 1px dashed var(--main-color); transform: translateX(-50%);}
.strength-as-con03-item05-line-top:before{position: absolute; content:'\e93b'; font-family:'xeicon'; bottom: -0.2rem; left:0rem; font-size:1rem; color:var(--main-color); z-index:9; transform: translateX(-50%) rotate(-90deg);}
.strength-as-con03-item05-line-top p {position: absolute; left: 50%; top: calc(50% - 1.5rem); transform: translateX(-50%); z-index: 2; border: 1px dashed var(--main-color); color: var(--main-color);}
/* 05 추가 css :: OK 라인 */
.strength-as-con03-item05-line-bottom{position: absolute; left: calc(100% + 0.2rem); bottom: calc(50% + 0.2rem); width: 100%; height: calc(50% + 6.8rem); border-bottom: 1px dashed var(--blue-color); border-right: 1px dashed var(--blue-color); pointer-events: none;}
.strength-as-con03-item05-line-bottom:before{position: absolute; content:'\e93b'; font-family:'xeicon'; top: -0.2rem; left:100%; font-size:1rem; color:var(--blue-color); z-index:9; transform: translateX(-50%) rotate(90deg);}
.strength-as-con03-item05-line-bottom p {position: absolute; left: 3.2rem; bottom: 0; transform: translateY(50%); z-index: 2; border: 1px dashed var(--blue-color); color: var(--blue-color);}
/* animated */
.strength-as-con03-item .inner-box,
.strength-as-con03-item-line,
.strength-as-con03-item05-line-top,
.strength-as-con03-item05-line-bottom{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.strength-as-con03-box-inner.animated .strength-as-con03-item .inner-box, 
.strength-as-con03-box-inner.animated .strength-as-con03-item-line,
.strength-as-con03-box-inner.animated .strength-as-con03-item05-line-top, 
.strength-as-con03-box-inner.animated .strength-as-con03-item05-line-bottom {opacity: 1; transform: translateX(0);}
.strength-as-con03-box-inner.animated .strength-as-con03-item01 .inner-box {transition-delay: 0.2s}
.strength-as-con03-box-inner.animated > div:nth-child(2) {transition-delay: 0.3s}
.strength-as-con03-box-inner.animated .strength-as-con03-item02 .inner-box{transition-delay: 0.4s}
.strength-as-con03-box-inner.animated > div:nth-child(4) {transition-delay: 0.5s}
.strength-as-con03-box-inner.animated .strength-as-con03-item03 .inner-box{transition-delay: 0.6s}
.strength-as-con03-box-inner.animated .strength-as-con03-item05-line-top{transition-delay: 0.7s}
.strength-as-con03-box-inner.animated .strength-as-con03-item05 .inner-box{transition-delay: 0.8s}
.strength-as-con03-box-inner.animated > div:nth-child(6) {transition-delay: 0.9s}
.strength-as-con03-box-inner.animated .strength-as-con03-item05-line-bottom{transition-delay: 0.9s}
.strength-as-con03-box-inner.animated .strength-as-con03-item04 .inner-box{transition-delay: 1s}

@media all and (max-width:800px){
	.strength-as-con01:before{top: calc(-1 * (10rem + 200px)); height: calc(10rem + 200px);}
	
	.strength-as-con01-bnr{padding: 0 6.66%; height: 50rem; border-radius: 1.6rem;}
	.strength-as-con01-bnr-txt p{font-size: 2rem; line-height: 1.6;}
	.strength-as-con01-bnr-txt h5{margin-top: 2.4rem; font-size: 3.2rem; line-height: 1.6;}
	.strength-as-con01-bnr-txt a{margin-top: 4rem; padding: 0 2rem; width: 25rem; height: 6.2rem; font-size: 2.4rem; border-radius: 0.6rem;}
	.strength-as-con01-bnr-txt a i{font-size: 2.4rem;}

	.strength-as-con01-box{margin-top: 6rem; padding: 3rem; border-radius: 1.6rem;}
	.strength-as-con01-left{width: 100%;}
	.strength-as-con01-left-item{padding: 4rem 1.5rem; width: calc(50% - 0.5rem); border-radius: 0.6rem;}
	.strength-as-con01-left-item span{height: 6.4rem;}
	.strength-as-con01-left-item p{margin-top: 2.6rem; font-size: 2rem; line-height: 1.6;}
	.strength-as-con01-right{margin-top: 3rem; padding-left: 0; width: 100%;}
	.strength-as-con01-right p{padding-left: 3rem; font-size: 1.8rem; line-height: 1.6;}
	.strength-as-con01-right p + p{margin-top: 0.4rem;}
	
	.strength-as-con03-box {border-radius: 1.6rem; padding: 4rem 3rem;}
	.strength-as-con03-box-inner {grid-template-columns: 20rem; grid-template-rows: auto; column-gap: 0; row-gap: 0; justify-content: center; align-items: center;}

	/* ── 아이템 배치 순서 ── */
	.strength-as-con03-box-inner > .strength-as-con03-item01{ grid-column: 1; grid-row: 1; }
	.strength-as-con03-box-inner > .strength-as-con03-item-line:nth-child(2) { grid-column: 1; grid-row: 2; }
	.strength-as-con03-box-inner > .strength-as-con03-item02{ grid-column: 1; grid-row: 3; }
	.strength-as-con03-box-inner > .strength-as-con03-item-line:nth-child(4) { grid-column: 1; grid-row: 4; }
	.strength-as-con03-box-inner > .strength-as-con03-item03{ grid-column: 1; grid-row: 5; }
	.strength-as-con03-box-inner > .strength-as-con03-item-line:nth-child(6) { grid-column: 1; grid-row: 6; }
	.strength-as-con03-box-inner > .strength-as-con03-item04{ grid-column: 1; grid-row: 7; }
	.strength-as-con03-box-inner > .strength-as-con03-item05{ grid-column: 1; grid-row: 8; margin-top: 7rem;}

	/* ── 아이템 ── */
	.strength-as-con03-item {width: 20rem; height: 20rem;}
	.strength-as-con03-item .inner-box {padding: 0 0.5rem; box-sizing: border-box;}
	.strength-as-con03-item .img-box {height: 5rem;}
	.strength-as-con03-item .tit{font-size: 2rem; line-height: 1.6em; margin-top: 1.3rem;}
	.strength-as-con03-item .txt{margin-top: 0.2rem; font-size: 1.6rem; line-height: 1.6;}

	/* ── line ── */
	.strength-as-con03-item-line {width: 20rem; height: 7rem; display: block;}
	.strength-as-con03-item-line .line{width:100%; height: 100%; display: flex; align-items: center; justify-content: center;}
	.strength-as-con03-item-line .line + .line{margin-top:1rem;}
	.strength-as-con03-item-line .line .back-line{width: 1px; height:100%; top:0; left:50%; transform:translate(-50%, 0); border-top:0; border-left-width:1px; border-left-style:dashed;}
	.strength-as-con03-item-line .line .back-line.prev:not(.next),
	.strength-as-con03-item-line .line .back-line.next:not(.prev){width: 1px; left:50%; right:auto; transform:translate(-50%, 0); border-top:0; border-left-width:1px; border-left-style:dashed;}
	.strength-as-con03-item-line .line .back-line.prev:before{display:block; top:0; left:0; transform:translateX(-50%) rotate(-90deg);}
	.strength-as-con03-item-line .line .back-line.next:after{display:block; top:100%; margin-top:-0.2rem; right:-0.3rem; transform:translateY(-50%) rotate(90deg); font-size:1rem;}
	.strength-as-con03-item-line .line02 .back-line{border-color: var(--blue-color);}
	.strength-as-con03-item-line .line03 .back-line{border-color: var(--main-color);}
	
	.strength-as-con03-item05-line-top p,
	.strength-as-con03-item05-line-bottom p,
	.strength-as-con03-item-line .line p {font-size: 1.2rem; line-height: 1.6rem; line-height: 1; padding: 0.8rem 0.8rem 0.6rem;}

	/* ── item05 NO 라인 ── */
	.strength-as-con03-item05 {position: relative;}
	.strength-as-con03-item05-line-top {top: auto; left: auto; right: calc(0% - 6rem); bottom: calc(50% + 0.2rem); width: 5.5rem; height: calc(100% + 13rem + 20rem); border-bottom: 1px dashed var(--main-color); border-left: 0; border-right: 1px dashed var(--main-color); border-top: 1px dashed var(--main-color); box-sizing: border-box;}
	.strength-as-con03-item05-line-top:before{top: auto; bottom: -0.6rem; left: -0.5rem; transform: translateX(0) rotate(0deg);}
	.strength-as-con03-item05-line-top p {top: 50%; left: 3.5rem; transform: translateY(-50%); border-radius: 1.5rem;}

	/* ── item05 OK 라인 ── */
	.strength-as-con03-item05-line-bottom {bottom: auto; left: 50%; top: -7rem; width: 1px; height: 6.7rem; border-left: 1px dashed var(--main-color); border-top: 0; border-left: 0;}
	.strength-as-con03-item05-line-bottom:before{top: auto; bottom: -0.4rem; left: -0.3rem; transform: translateX(0) rotate(-90deg);}
	.strength-as-con03-item05-line-bottom p {bottom: auto; left: 50%; top: calc(50% - 1.6rem); transform: translateX(-50%); border-radius: 1.5rem;}
}


/* ****************** 05 금명 강점 :: 05 주차 시스템 설계 ********************** */
.strength-design-con01{background-color: #fff !important;}
.strength-design-con01-bnr{padding: 0 6.66%; height: 50rem; background:#000 url("../web-static-images/content/strength_design_con01_bg.png") center/cover no-repeat; border-radius: 1.6rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; position: relative;/*  text-align: center; */}
@supports (background-image: image-set(url("a.webp") type("image/webp"))) {
	.strength-design-con01-bnr{background-image: image-set(url("../web-static-images/content/strength_design_con01_bg.webp") type("image/webp"), url("../web-static-images/content/strength_design_con01_bg.png")  type("image/png"));}
}
.strength-design-con01-bnr-txt{}
.strength-design-con01-bnr-txt .tit{font-size: 3.2rem; line-height: 1.6; letter-spacing: -.03em; font-weight: 700; color: #fff;}
.strength-design-con01-bnr-txt .tit b {font-weight: 700; color: var(--blue-color);}
.strength-design-con01-bnr-txt .txt01 {margin-top: 1.5rem; font-size: 1.6rem; line-height: 1.6; font-weight: 400; letter-spacing: -0.03em; color: #fff;}
.strength-design-con01-bnr-txt a{margin-top: 4rem; padding: 0 2rem; width: 25rem; height: 6.2rem; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.03em; color: #fff; border-radius: 0.6rem; background-color: var(--blue-color); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.strength-design-con01-bnr-txt a i{font-size: 2.4rem; font-weight: 400;}
.strength-design-con01-bnr-txt a span {width: 2.4rem; display: inline-block;}
.strength-design-con01-bnr-txt a span img {max-width: 100%;}
/* animated */
.strength-design-con01-bnr-txt .tit,
.strength-design-con01-bnr-txt .txt01,
.strength-design-con01-bnr-txt a {opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
.strength-design-con01-bnr.animated .strength-design-con01-bnr-txt .tit,
.strength-design-con01-bnr.animated .strength-design-con01-bnr-txt .txt01,
.strength-design-con01-bnr.animated .strength-design-con01-bnr-txt a{opacity: 1; transform: translateY(0);}
.strength-design-con01-bnr.animated .strength-design-con01-bnr-txt .tit{transition-delay:0.3s}
.strength-design-con01-bnr.animated .strength-design-con01-bnr-txt .txt01{transition-delay:0.5s}
.strength-design-con01-bnr.animated .strength-design-con01-bnr-txt a{transition-delay:0.7s}

.strength-design-con02-wrapper{}
.strength-design-con02-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.strength-design-con02-item{margin: 1rem; width: calc(50% - 2rem);}
.strength-design-con02-inner{padding: 3rem; display: flex; flex-wrap:wrap; align-items: center; background-color: #F5F5F5; border-radius: 1.6rem; box-sizing: border-box;}
.strength-design-con02-img{width: 16rem; height: 16rem; background-color: #fff; border-radius: 0.8rem; display: flex; align-items: center; justify-content: center;}
.strength-design-con02-img img{height: 8rem;}
.strength-design-con02-txt{padding-left: 4rem; width: calc(100% - 16rem); box-sizing: border-box;}
.strength-design-con02-txt h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.03em; font-weight: 700; color: #000;}
.strength-design-con02-txt p{margin-top: 0.5rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
/* animated */
.strength-design-con02-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
@media all and (min-width:801px){
	.strength-design-con02{margin-top:11rem !important;}
	
	.strength-design-con02-list.animated .strength-design-con02-item{opacity: 1; transform: translateY(0);}
	.strength-design-con02-list.animated .strength-design-con02-item:nth-child(2){transition-delay:0.2s}
	.strength-design-con02-list.animated .strength-design-con02-item:nth-child(3){transition-delay:0.4s}
	.strength-design-con02-list.animated .strength-design-con02-item:nth-child(4){transition-delay:0.6s}
}

.strength-design-con03{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.strength-design-con03-wrapper{}
.strength-design-con03-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.strength-design-con03-item{margin: 1rem; width: calc(50% - 2rem); padding: 4rem; background-color: #fff; border-radius: 1.6rem; box-sizing: border-box;}
.strength-design-con03-item.w-100{width: calc(100% - 2rem);}
.strength-design-con03-tit{margin-bottom: 2rem; font-size: 2.4rem; line-height: 1.6; letter-spacing: -.03em; font-weight:700; color: #000;}
.strength-design-con03-dot-txt{position: relative; padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
.strength-design-con03-dot-txt + .strength-design-con03-dot-txt{margin-top: 0.4rem;}
.strength-design-con03-dot-txt:before{position: absolute; top: 0; left: 0; content: "\e929"; font-family: xeicon; color: #555;}
.strength-design-con03-info{display: flex; flex-wrap:wrap; justify-content: space-between;}
.strength-design-con03-info li{width: calc(33.33% - 1.333rem); padding: 3rem; min-height: 20rem; background-color: #F5F5F5; border-radius: 1.2rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.strength-design-con03-info li span{width: 4rem; line-height: 2.6rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -.03em; color: #fff; background-color: var(--blue-color); border-radius: 2.6rem; text-align: center; display: inline-block;}
.strength-design-con03-info li p{margin-top: 3rem; font-size: 2rem; line-height: 1.6; letter-spacing: -.05em; font-weight: 500; color: #000;}
/* animated */
.strength-design-con03-item{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
@media all and (min-width:801px){
	.strength-design-con03-list.animated .strength-design-con03-item{opacity: 1; transform: translateY(0);}
	.strength-design-con03-list.animated .strength-design-con03-item:nth-child(2){transition-delay:0.2s}
	.strength-design-con03-list.animated .strength-design-con03-item:nth-child(3){transition-delay:0.4s}
}

.strength-design-con04{}
.strength-design-con04-box{background-color: #F5F5F5; border: 2px solid var(--blue-color); border-radius: 1.6rem; overflow: hidden;}
.strength-design-con04-tit{width: 100%; height: 6.6rem; font-size: 2.4rem; line-height: 1.6; letter-spacing: -0.03em; font-weight: 700; color: #fff; text-align: center; background-color: var(--blue-color); display: flex; align-items: center; justify-content: center;}
.strength-design-con04-top{padding: 3rem;}
.strength-design-con04-top-list{margin: -0.5rem; display: flex; flex-wrap:wrap;}
.strength-design-con04-top-list li{margin: 0.5rem; width: calc(20% - 1rem); padding: 3.8rem 1.5rem; background-color: #fff; border-radius: 0.8rem; box-sizing: border-box; text-align: center;}
.strength-design-con04-top-list li .img{width: 100%;}
.strength-design-con04-top-list li .img img{height: 8rem; display: inline-block;}
.strength-design-con04-top-list li .txt{margin-top: 1.6rem;}
.strength-design-con04-top-list li .txt h5{font-size: 2rem; line-height: 1.6; letter-spacing: -.03em; font-weight: 700; color: #000;}
.strength-design-con04-top-list li .txt p{margin-top: 0.4rem; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: #555;}
.strength-design-con04-bottom{padding: 3rem;}
.strength-design-con04-bottom-list{border-top: 2px solid #000;}
.strength-design-con04-bottom-list li{padding: 2.6rem; display: flex; flex-wrap:wrap; align-items: center; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,0.1);}
.strength-design-con04-bottom-list li .num{width: 6.8rem; height: 6.8rem; font-size: 2rem; font-weight: 700; color: var(--blue-color); text-align: center; border: 2px dashed var(--blue-color); border-radius: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.strength-design-con04-bottom-list li .txt{padding-top: 0.5rem; padding-left: 2.6rem; width: calc(100% - 6.8rem); box-sizing: border-box;}
.strength-design-con04-bottom-list li .txt h5{margin-bottom: 0.4rem; font-size: 2rem; line-height: 1.6; letter-spacing: -0.03em; font-weight: 700; color: #000;}
.strength-design-con04-bottom-list li .txt p{display: flex; flex-wrap:wrap;}
.strength-design-con04-bottom-list li .txt p span{margin-bottom: 0.5rem; margin-right: 2.6rem; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: #555; position: relative;}
.strength-design-con04-bottom-list li .txt p span:before{position: absolute; top: 50%; margin-top: -0.7rem; right: -1.4rem; width: 0.2rem; height: 1.4rem; background-color: #ccc; content: '';}
.strength-design-con04-bottom-list li .txt p span:last-child{margin-right: 0;}
.strength-design-con04-bottom-list li .txt p span:last-child:before{display: none;}
/* animated */
.strength-design-con04-top-list li,
.strength-design-con04-bottom-list li{opacity: 0; transform: translateY(50px); transition: var(--transition-custom2);}
@media all and (min-width:801px){
	.strength-design-con04-bottom-list.animated li,
	.strength-design-con04-top-list.animated li{opacity: 1; transform: translateY(0);}
	.strength-design-con04-bottom-list.animated li:nth-child(2),
	.strength-design-con04-top-list.animated li:nth-child(2){transition-delay:0.2s}
	.strength-design-con04-bottom-list.animated li:nth-child(3),
	.strength-design-con04-top-list.animated li:nth-child(3){transition-delay:0.4s}
	.strength-design-con04-bottom-list.animated li:nth-child(4),
	.strength-design-con04-top-list.animated li:nth-child(4){transition-delay:0.6s}
	.strength-design-con04-bottom-list.animated li:nth-child(5),
	.strength-design-con04-top-list.animated li:nth-child(5){transition-delay:0.8s}
}

.strength-design-con05{padding: var(--cm-con-padding) 0; background-color: #F5F5F5;}
.strength-design-con05-slide-wrap{position: relative;}
.strength-design-con05-slide{overflow: visible;}
.strength-design-con05-slide .swiper-wrapper {transition-timing-function: linear;}
.strength-design-con05-list{display: flex;}
.strength-design-con05-item{width: 50%;}
.strength-design-con05-inner{position: relative; width: 100%; height: 0; padding-top: 67.79%; border-radius: 1.6rem; overflow: hidden;}
.strength-design-con05-inner:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+50,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ z-index: 1;}
.strength-design-con05-inner img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.strength-design-con05-txt{position: absolute; bottom: 11.25%; left: 1.5rem; right: 1.5rem; text-align: center; z-index: 2;}
.strength-design-con05-txt h5{font-size: 3rem; line-height: 1.6; letter-spacing: -0.03em; font-weight: 700; color: #fff;}
.strength-design-con05-txt p{margin-top: 0.5rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: #fff;}

.strength-design-con05-partners{margin-top: 4.8rem;}
.strength-design-con05-partners ul{margin: -0.45rem; display: flex; flex-wrap:wrap;}
.strength-design-con05-partners ul li{margin: 0.45rem; width: calc(14.28% - 0.9rem);}
.strength-design-con05-partners ul li span{width: 100%; position: relative; height: 0; padding-top: 49.38%; display: block; border-radius: 0.6rem; overflow: hidden;}
.strength-design-con05-partners ul li span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.strength-design-con06{padding-bottom: var(--cm-con-padding);}
.strength-design-con06-box{padding: 6rem 5rem 5rem; background-color: #F5F5F5; border-radius: 1.6rem;}
.strength-design-con06-box + .strength-design-con06-box{margin-top: 4rem;}
.strength-design-con06-top{}
.strength-design-con06-top h5{margin-bottom: 1rem; font-size: 3.2rem; line-height: 1.6; letter-spacing: -0.03em; font-weight: 700; color: #000;}
.strength-design-con06-top p{position: relative; padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #555;}
.strength-design-con06-top p + p{margin-top: 0.4rem;}
.strength-design-con06-top p:before{position: absolute; top: 0; left: 0; content: "\e929"; font-family: xeicon; color: #555;}
.strength-design-con06-top p b{font-weight: 700; margin-right: 0.8rem;}
.strength-design-con06-top.has-btn{position: relative; padding-right: 30rem;}
.strength-design-con06-top-tab{position: absolute; bottom: 0; right: 0; width: 29rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.strength-design-con06-top-tab li{width: calc(50% - 0.5rem);}
.strength-design-con06-top-tab li a{padding: 1.5rem; width: 100%; height: 14rem; font-size: 2rem; line-height: 1.6; letter-spacing: -0.04em; font-weight: 700; color: #000; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #000; border-radius: 0.8rem;}
.strength-design-con06-top-tab li.selected a{background-color: #000; color: #fff;}

.strength-design-con06-bottom{margin-top: 4rem; padding: 5rem; background-color: #fff; border-radius: 1.2rem; overflow: hidden;}
.strength-design-con06-slide-wrap{position: relative;}
.strength-design-con06-slide {position: relative; width: 100%; padding: 0 8rem; box-sizing: border-box;}
.strength-design-con06-img {display: flex; align-items: center; justify-content: center; /* height: 42rem; */}
.strength-design-con06-img img {display: block; max-width: 100%; max-height: 100%; object-fit: contain;}

/* 화살표 */
.strength-design-con06-arrow {position: absolute; top: calc(50% - 2.2rem); z-index: 10; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border: 0; background: none; color: #999; font-size: 4rem; cursor: pointer; transition: color 0.3s ease;}
.strength-design-con06-arrow:hover {color: #111;}
.strength-design-con06-prev {left: 0;}
.strength-design-con06-next {right: 0;}

/* 하단 타이틀 탭 */
.strength-design-con06-tab-list {width: calc(100% + 16rem); position: relative; left: -8rem; display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 3rem; padding: 0; list-style: none;}
.strength-design-con06-tab-list li {width: 25%; max-width: 14rem; position: relative;}
.strength-design-con06-tab-list li button {border: 0; background: none; width: 100%; height: 4.2rem; display: flex; align-items: center; justify-content: center; color: #999; font-size: 1.6rem; font-weight: 500; text-align: center; cursor: pointer; transition: color 0.3s ease, font-weight 0.3s ease;}
.strength-design-con06-tab-list li::after {position: absolute; left: 0; bottom: 0; width: 100%; height: 0.2rem; background-color: rgba(0,0,0,0.1); content: "";}
.strength-design-con06-tab-list li.on button {color: #000; font-weight: 700;}
.strength-design-con06-tab-list li.on::after {background-color: #000;}

@media all and (max-width:800px){
	.strength-design-con01{background-color: transparent !important;}
	.strength-design-con01-bnr{padding: 0 6.66%; height: 50rem; border-radius: 1.6rem;}
	.strength-design-con01-bnr-txt .tit{font-size: 3.2rem; line-height: 1.6;}
	.strength-design-con01-bnr-txt .txt01{margin-top: 2rem; font-size: 1.8rem; line-height: 1.6;}

	.strength-design-con02-list{margin: -1rem;}
	.strength-design-con02-item{margin: 1rem; width: calc(100% - 2rem);}
	.strength-design-con02-inner{padding: 2rem; border-radius: 1.6rem;}
	.strength-design-con02-img{width: 11rem; height: 11rem; border-radius: 0.8rem;}
	.strength-design-con02-img img{height: 6.4rem;}
	.strength-design-con02-txt{padding-left: 3rem; width: calc(100% - 11rem);}
	.strength-design-con02-txt h5{font-size: 2.4rem; line-height: 1.6;}
	.strength-design-con02-txt p{margin-top: 0.5rem; font-size: 1.8rem; line-height: 1.6;}
	/* animated */
	.strength-design-con02-item.animated{opacity: 1; transform: translateY(0);}
	
	.strength-design-con03-list{margin: -1rem;}
	.strength-design-con03-item{margin: 1rem; width: calc(100% - 2rem); padding: 3rem; border-radius: 1.6rem;}
	.strength-design-con03-item.w-100{width: calc(100% - 2rem);}
	.strength-design-con03-tit{margin-bottom: 2rem; font-size: 2.4rem; line-height: 1.6;}
	.strength-design-con03-dot-txt{padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6;}
	.strength-design-con03-dot-txt + .strength-design-con03-dot-txt{margin-top: 0.4rem;}
	.strength-design-con03-info{margin: -0.5rem;}
	.strength-design-con03-info li{margin: 0.5rem; width: calc(100% - 1rem); padding: 2rem; min-height: auto; border-radius: 1.2rem;}
	.strength-design-con03-info li span{width: 4rem; line-height: 2.6rem; font-size: 1.4rem; border-radius: 2.6rem;}
	.strength-design-con03-info li p{margin-top: 3rem; font-size: 2rem; line-height: 1.6;}
	/* animated */
	.strength-design-con03-item.animated{opacity: 1; transform: translateY(0);}
	
	.strength-design-con04-box{border-radius: 1.6rem;}
	.strength-design-con04-tit{width: 100%; height: 6.6rem; font-size: 2.4rem; line-height: 1.6;}
	.strength-design-con04-top{padding: 3rem;}
	.strength-design-con04-top-list{margin: -0.5rem;}
	.strength-design-con04-top-list li{margin: 0.5rem; width: calc(50% - 1rem); padding: 3.8rem 1.5rem; border-radius: 0.8rem;}
	.strength-design-con04-top-list li:last-child{width: calc(100% - 1rem);}
	.strength-design-con04-top-list li .img{width: 100%;}
	.strength-design-con04-top-list li .img img{height: 6.4rem;}
	.strength-design-con04-top-list li .txt{margin-top: 1.6rem;}
	.strength-design-con04-top-list li .txt h5{font-size: 2rem; line-height: 1.6; letter-spacing: -.03em; font-weight: 700; color: #000;}
	.strength-design-con04-top-list li .txt p{margin-top: 0.4rem; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 500; color: #555;}
	.strength-design-con04-bottom{padding: 3rem;}
	.strength-design-con04-bottom-list li{padding: 2.6rem 1.6rem;}
	.strength-design-con04-bottom-list li .num{width: 6.8rem; height: 6.8rem; font-size: 2rem;}
	.strength-design-con04-bottom-list li .txt{padding-top: 0.5rem; padding-left: 2.6rem; width: calc(100% - 6.8rem);}
	.strength-design-con04-bottom-list li .txt h5{margin-bottom: 0.4rem; font-size: 2rem; line-height: 1.6;}
	.strength-design-con04-bottom-list li .txt p span{margin-bottom: 0.5rem; margin-right: 2.6rem; font-size: 1.6rem; line-height: 1.6;}
	.strength-design-con04-bottom-list li .txt p span:before{margin-top: -0.7rem; right: -1.4rem; width: 0.2rem; height: 1.4rem;}
	.strength-design-con04-bottom-list li .txt p span:last-child{margin-right: 0;}
	.strength-design-con04-bottom-list li .txt p span:last-child:before{display: none;}
	/* animated */
	.strength-design-con04-top-list li.animated,
	.strength-design-con04-bottom-list li.animated{opacity: 1; transform: translateY(0);}
	
	.strength-design-con05-txt{bottom: 11.25%; left: 1rem; right: 1rem;}
	.strength-design-con05-txt h5{font-size: 3rem; font-size: 2.4rem; line-height: 1.6;}
	.strength-design-con05-txt p{margin-top: 0.5rem; font-size: 1.8rem; font-size: 1.6rem; line-height: 1.6;}

	.strength-design-con05-partners{margin-top: 4.8rem;}
	.strength-design-con05-partners ul{margin: -0.45rem;}
	.strength-design-con05-partners ul li{margin: 0.45rem; width: calc(25% - 0.9rem);}

	.strength-design-con06-box{padding: 4rem 3rem 3rem; border-radius: 1.6rem;}
	.strength-design-con06-box + .strength-design-con06-box{margin-top: 4rem;}
	.strength-design-con06-top h5{margin-bottom: 1rem; font-size: 3.2rem; line-height: 1.6;}
	.strength-design-con06-top p{padding-left: 2.6rem; font-size: 1.8rem; line-height: 1.6;}
	.strength-design-con06-top p + p{margin-top: 0.4rem;}
	.strength-design-con06-top p b{font-weight: 700; margin-right: 0.8rem;}
	.strength-design-con06-top.has-btn{padding-right: 0;}
	.strength-design-con06-top-tab{margin-top: 4rem; position: static; bottom: 0; right: 0; width: 100%;}
	.strength-design-con06-top-tab li{width: calc(50% - 0.5rem);}
	.strength-design-con06-top-tab li a{padding: 1.5rem; height: 8rem; font-size: 2rem; line-height: 1.6; border-radius: 0.8rem;}

	.strength-design-con06-bottom{margin-top: 2rem; padding: 3rem 2rem; border-radius: 1.2rem;}
	.strength-design-con06-slide {padding: 0;}

	/* 화살표 */
	.strength-design-con06-arrow {top: calc(50% - 2.2rem); width: 4rem; height: 4rem; font-size: 3.6rem;}
	.strength-design-con06-prev {left: -0.5rem;}
	.strength-design-con06-next {right: -0.5rem;}

	/* 하단 타이틀 탭 */
	.strength-design-con06-tab-list {width: 100%; left: 0; gap: 1rem; margin-top: 3rem;}
	.strength-design-con06-tab-list li {width: 25%; max-width: 14rem;}
	.strength-design-con06-tab-list li button {height: 4.2rem; font-size: 1.6rem;}
}


/* ****************** 06 레퍼런스 :: 01 고객사/협력사 ********************** */
/* 공통 */
.ref-page {padding-bottom:var(--cm-con-padding);}
.ref-page .custom-select-box {max-width:18rem; border-bottom: 2px solid rgba(0, 0, 0, 0.1);}
.ref-page .board-search-box .board-search-inner {height: 56px; border:0; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
.ref-page .custom-select-trigger {line-height:56px;}
.ref-page .paging-wrap {margin-bottom: 4rem;}
.ref-page .paging {margin: 0;}
	
@media all and (max-width:800px){
	.ref-page .bbs-top-list-box .board-search-box {width: 100%; margin-bottom: 1rem;}
	.ref-page .custom-select-box {max-width:initial;}
	.ref-page .paging {margin: 2rem 0;}
}

.partner-page.ref-page {padding-bottom:0;}
.partner-page.gm-sub-page .bbs-top-list-box .board-search-box {width: 488px; margin: 0 auto;} 
.client-tab-wrapper-style .gm-sub-tab-list-style ul {background-color: #f5f5f5; padding: 0.8rem 1.2rem;}
.client-tab-wrapper-style .gm-sub-tab-list-style ul li {width: auto;}
.client-tab-wrapper-style .gm-sub-tab-list-style ul li a {padding: 0 1.6rem; box-sizing: border-box;}
.client-tab-wrapper-style .gm-sub-tab-list-style ul li a em {color: #000;}
.client-tab-wrapper-style .gm-sub-tab-list-style ul li.selected a em {color: #fff;}
.client-tab-wrapper-style {margin-bottom: 4.4rem;}
.client-list {display:flex; flex-wrap: wrap; margin: 0 -1.5rem;}
.client-list li {margin: 0 1.5rem 4rem; width: calc(33.334% - 3rem);}
.client-list .img-box img {border-radius:1.6rem;}
.client-list .img-box span {position: relative; display: block; width: 100%; height: 0; padding-top: 56.053%; border-radius:1.6rem; transition: var(--transition-custom);}
.client-list .img-box span:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid var(--main-color); box-sizing: border-box; z-index: 1; border-radius:1.6rem; opacity: 0; transition: var(--transition-custom);}
.client-list .img-box span img {position: absolute; width: 100%; height: 100%;  top: 0; left: 0; right: 0; bottom: 0; object-fit:cover;}
.client-tit {font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.1; padding: 2.4rem 0 1.2rem; text-align:center; transition: var(--transition-custom);}
.client-list li:hover .img-box span {box-shadow: 0 0 4rem rgba(255,52,41,0.15);}
.client-list li:hover .img-box span:before {opacity: 1;}
.client-list li:hover .client-tit {color: var(--main-color);}
.partner-con2 {background: #F5F5F5; padding: var(--cm-con-padding) 0;}
.partner-list {margin: -0.55rem;}
.partner-list li {margin: 0.55rem; float: left; width: calc(14.286% - 1.1rem);}
.partner-list li .img-box {position: relative; width: 100%; height: 0; padding-top: 49.39%;}
.partner-list li .img-box img {max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;} 
.partner-list li .inner-box {width: 100%; background: #fff; border-radius: 0.6rem; overflow: hidden;}

@media all and (max-width:800px){
	.client-tab-wrapper-style .gm-sub-tab-list-style ul{padding-top:2.8rem;}
	.client-tab-wrapper-style .gm-sub-tab-list-style ul li a{padding:1rem 1.6rem;}

	.client-list li {width: calc(50% - 3rem); margin: 0 1.5rem 2rem;}
	.client-tit {font-size: 1.8rem; padding: 1.5rem 0;}
	.client-list .img-box img {border-radius: 0.8rem;}
	.partner-list li {width: calc(33.334% - 1.1rem);}
	.partner-list li .img-box {padding-top: 40%;}
}


/* ****************** 06 레퍼런스 :: 02 주차장 소식 ********************** */



/* ****************** 06 레퍼런스 :: 03 NEWS ********************** */
/* NEWS */
.gm-news-page .bbs-basic-gallery-con10 .gallery-img-box .img-wrap {padding-top: 100%;}	
.gm-news-page .bbs-basic-gallery-con10 > ul {margin: 0 -0.815%;}
.gm-news-page .bbs-basic-gallery-con10 .gallery-over-list-item {width: 23.37%; margin: 0 0.815% 5%;}

@media all and (max-width:800px){
	.gm-news-page .bbs-basic-gallery-con10 .gallery-over-list-item {width: 48.37%;}
}

/* 소개영상 */
.video-cover-box {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer;     border-radius: 8px;
overflow: hidden;}
.video-cover-box .thumb {display: block; width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.video-cover-box .thumb img {width: 100%; height: 100%;}
.video-cover-box .icon {position: absolute; top: 50%; left: 50%; z-index: 1; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8rem; height: 8rem; border-radius: 100%; background: rgba(255,255,255,0.1); /* background: #FF3429; */ display: flex; align-items: center; justify-content: center; transition: all 0.25s ease-in; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08)); /* border: 1px solid rgba(255, 255, 255, 0.28); */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20), inset 0 1px 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(255, 255, 255, 0.12); } 
.video-cover-box .icon:before {content: ""; position: absolute; inset: 0; background: linear-gradient(-45deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.18) 22%, rgba(255, 255, 255, 0.04) 45%, transparent 60%); pointer-events: none; border-radius: inherit;}
.video-cover-box .icon:after {content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 0, 120, 0.05), rgba(0, 255, 255, 0.05)); mix-blend-mode: screen; opacity: 0.5; pointer-events: none; border-radius: inherit;}
.video-cover-box .icon i {position: relative; left: 0.2rem; font-size:2.4rem; color: #fff;}
.video-con-film:hover .video-cover-box .icon {background: #FF3429;}

@media all and (max-width:800px){
	.video-cover-box .icon {width: 6rem; height: 6rem;}
	.video-cover-box .icon i {font-size:2rem;}
}

/* ****************** 07 회사소개:: 01 회사개요 ********************** */
.summary-con {position: relative;}
.summary-con:before {position: absolute; content: ''; z-index: -1; bottom: 0; left: 0; width: 100%; height: 67%; background-color: #F5F5F5;}
.summary-video-box {position: relative;}
.summary-video-box .video-iframe-box { position: relative; padding-top: 56.22%; height: 0;  background-color: #000; border-radius: 3.2rem; overflow: hidden;}
.summary-video-box .video-iframe-box iframe {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.summary-video-box .video-cover-box {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  border-radius: 3.2rem; overflow: hidden; cursor: pointer;}
.summary-video-box .video-cover-box .thumb {display: block; position: relative; width: 100%; height: 100%; border-radius: 3.2rem; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.summary-video-box .video-cover-box .thumb img {width: 100%;height: 100%;}
.summary-video-box .video-cover-box .play-btn {position: absolute; top: 50%; left: 50%; width: 11.6rem; height: 8.8rem; margin: -4.4rem 0 0 -5.8rem; z-index: 10;}
.summary-video-box .video-cover-box .play-btn img { max-width: 100%;}

.summary-info-con {position: relative; padding:var(--cm-con-padding) 0;}
.summary-info-box {}
.summary-info-box .info-tbl {width: 57.66%; border-top: 1px solid #000;}
.summary-info-box .info-tbl dl {display: flex; border-bottom: 1px solid rgba(1,1,1,0.15);}
.summary-info-box .info-tbl dl dt {width: 13rem; padding: 2rem; box-sizing: border-box; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.6;}
.summary-info-box .info-tbl dl dd {width: calc(100% - 13rem); padding: 2rem 1.5rem 2rem 2rem; box-sizing: border-box; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.6;}
.summary-info-img {position: absolute; bottom: 0; right: -5rem; width: 52.4rem;}
.summary-info-img img {max-width: 100%;}

@media all and (max-width:800px){
	.summary-video-box .video-cover-box .play-btn { width: 7.6rem; height: 5.8rem; margin: -2.9rem 0 0 -3.8rem;}
	.summary-info-con {padding: var(--cm-con-padding) 0 25rem;}
	.summary-info-box .info-tbl {width: 100%;}
	.summary-info-img {width: 60%; right: -5rem; z-index: -1;}
}
@media all and (max-width:480px){
	.summary-info-img {width: 75%;}
}

/* ****************** 07 회사소개:: 02 연혁 ********************** */
.history-top-wrap  {padding-bottom:var(--cm-con-padding);}
.history-top-wrap .history-top-list {display: flex; justify-content: space-between;}
.history-top-wrap .history-top-list .inner-box { position: relative; width: 100%; padding-top: 55.485%;}
.history-top-wrap .history-top-list .inner-box .inner-tit {position: absolute; top: 2rem; left: 0;width: 100%; text-align: center;  font-size: 1.4rem;  line-height: 1.6;  letter-spacing: -0.05em; color: #000; font-weight: 700; z-index: 1;}
.history-top-wrap .history-top-list .inner-box span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #f5f5f5; border-radius: 1.6rem;}
.history-top-wrap .history-top-list .inner-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.history-top-wrap .history-top-list .left-item {width:66.08%;}
.history-top-wrap .history-top-list .left-item .inner-box .inner-tit {font-size: 2.4rem; top: 4rem;}
.history-top-wrap .history-top-list .right-item {display: flex; flex-direction:column;  justify-content: space-between; width: calc(33.92% - 2rem);}
.history-top-wrap .history-top-list .right-item .inner-box {padding-top: 54.26%;}

.history-con-wrap {position: relative; height: 100vh; background-color: #F9F9F9; overflow: hidden;}
.history-con-wrap .history-con-dot {width:72rem; height: 72rem; position: absolute; top: 50%; left: -40.8rem; margin-top: -36rem; z-index: 10;}
.history-con-wrap .history-con-dot svg {width: 100%; height: 100%;}
.history-con-wrap .history-con-dot svg .dots {fill:#D5D5D5; transition:all 0.3s;}
.history-con-wrap .history-con-dot svg .dots.active {fill:var(--main-color);}
.history-con {position:absolute;top:0;left:0;width:100%;height:100vh; height: 100vh; display: flex; align-items: center;}
.history-year-group-box {width: 100%; display: flex; align-items: center;}
.history-year-group-box .history-year-group-tit-box {width: 50%;}
.history-year-group-box .history-year-group-tit {font-size: 6.4rem; font-weight: 700; letter-spacing: -0.06em; color: #000; line-height: 1.2; padding-top: 3.6rem;}
.history-year-group-box .history-year-group-txt {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em; color: rgba(0,0,0,0.4); line-height: 1.3; margin-top: 1rem;}
.history-year-group-box .history-year-list-box {width: 50%; padding-left: 1rem; box-sizing: border-box;}
.history-year-group-box .history-year-item {display: flex; margin-bottom: 4rem;}
.history-year-group-box .history-year-item:last-of-type {margin-bottom: 0;}
.history-year-group-box .history-year-item .history-year {width: 12.2rem;}
.history-year-group-box .history-year-item .history-year strong {font-size: 3.2rem; font-weight: 500; letter-spacing: -0.05em; color: #000;}
.history-year-group-box .history-detail-txt-con {width: calc(100% - 12.2rem);}
.history-year-group-box .history-detail-txt {position: relative; padding-left: 2.7rem; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.6; margin-bottom: 1.2rem;}
.history-year-group-box .history-detail-txt:last-of-type {margin-bottom: 0;}
.history-year-group-box .history-detail-txt b {color: #000; font-weight: 700;}
.history-year-group-box .history-detail-txt:before {position: absolute; content: ''; width: 1.5rem; height: 0.3rem; left: 0; top: 1.2rem; background: url(/svg/history_dots.svg)no-repeat center/100%;}

@media all and (max-width:1800px){
	.history-con-wrap .history-con-dot { width: 56rem; height: 56rem; margin-top: -28rem;}
}
@media all and (max-width:1600px){
	.history-year-group-box .history-year-group-tit-box {padding-left: 12rem; box-sizing: border-box;}
}
@media all and (max-width:1280px){
	.history-year-group-box .history-year-group-tit-box {padding-left: 15rem; box-sizing: border-box;}
	.history-year-group-box .history-year-group-tit {font-size: 5.8rem;}
}
@media all and (max-width:800px){
	.history-con-wrap {height: auto; padding-top: 10rem;}
	
	.history-top-wrap .history-top-list {flex-wrap:wrap;}
	.history-top-wrap .history-top-list .inner-box { position: relative; width: 100%; padding-top: 55.485%;}
	.history-top-wrap .history-top-list .left-item .inner-box .inner-tit,
	.history-top-wrap .history-top-list .inner-box .inner-tit {top: 2rem; font-size: 1.6rem;  line-height: 1.6;}
	.history-top-wrap .history-top-list .left-item {width:100%;}
	.history-top-wrap .history-top-list .right-item {flex-direction:row; flex-wrap:wrap; width: 100%;}
	.history-top-wrap .history-top-list .right-item .inner-box {margin-top: 1.5rem; padding-top: 54.26%;}
	
	.history-con-dot {display: none;}
	.history-con {position: relative; height: auto; padding-bottom: 10rem;}
	.history-year-group-box {display: block;}
	.history-year-group-box .history-year-group-tit-box {position: relative; padding-left: 3.5rem; width: 100%; margin-bottom: 3.5rem;}
	.history-year-group-box .history-year-group-tit-box:before {position: absolute; content: ''; left:-1rem; top: 2.5rem; width: 3rem; height: 0.5rem; background-color: #d9d9d9; transition:var(--transition-custom);}
	.history-con.active .history-year-group-box .history-year-group-tit-box:before {background-color: var(--main-color);}
	.history-year-group-box .history-year-group-tit {padding-top: 0; font-size:5rem;}
	.history-year-group-box .history-year-list-box {padding-left: 0; width: 100%; padding-left: 3.5rem;}
	.history-year-group-box .history-year-item {display: block; margin-bottom: 3rem;}
	.history-year-group-box .history-year-item .history-year {width: 100%;  margin-bottom: 1rem;}
	.history-year-group-box .history-year-item .history-year strong {display: block;font-size: 2.6rem;}
	.history-year-group-box .history-detail-txt-con {width: 100%;}
}


/* ****************** 07 회사소개:: 03 CI ********************** */
.ci-con {padding: var(--cm-con-padding) 0;}
.ci-con01 {background-color: #F5F5F5;}
.ci-list {display: flex; margin: 0 -1rem;}
.ci-list li {width: calc(33.333% - 2rem); margin: 0 1rem; padding: 1.6rem 1.6rem 0; background-color: #fff; border-radius: 1.6rem; box-sizing: border-box;}
.ci-list li .logo-box {position: relative; width: 100%; padding-top: 62.14%; }
.ci-list li .logo-box span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #f5f5f5; border-radius: 0.8rem; overflow: hidden;}
.ci-list li .logo-box span img {position: absolute;  top: 0;left: 0;width: 100%;  height: 100%;object-fit: cover;}
.ci-list li strong {display: block; text-align: center; padding: 3.2rem 0; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.4; color: #000;}

.ci-color-list {display: flex; flex-wrap: wrap; gap:2rem;}
.ci-color-list li {width: calc(50% - 1rem); }
.ci-color-list li .inner {width: 100%; height: 100%; display: flex; align-items: center; border-radius: 1.6rem; background-color: #F5F5F5; padding: 4rem 4.8rem; box-sizing: border-box;}
.ci-color-list li .color-box {width: 8rem; height: 8rem; border-radius: 50%;box-sizing: border-box;}
.ci-color-list li:nth-child(1) .color-box {background-color: #CC2217;}
.ci-color-list li:nth-child(2) .color-box {background-color:var(--main-color);}
.ci-color-list li:nth-child(3) .color-box {background-color: #000;}
.ci-color-list li:nth-child(4) .color-box {background-color: #fff; border: 1px solid #d9d9d9;}
.ci-color-list li .color-code-box {width: calc(100% - 8rem); padding-left: 4rem; box-sizing: border-box;}
.ci-color-list li .color-code-box .tit {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.6; margin-bottom: 0.8rem;}
.ci-color-list li .color-code-box .gm-sub-tit {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.05em; color: #555; line-height: 1.6; margin-bottom: 0.4rem;}
.ci-color-list li .color-code-box .code-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.6;}

@media all and (max-width:800px){
	.ci-list {flex-wrap: wrap;margin: -1rem 0;}
	.ci-list li {width: 100%; margin: 1rem 0;}
	.ci-color-list li  {width: 100%;}
	.ci-color-list li .inner {padding: 4rem;}
}

/* ****************** 07 회사소개:: 04 오시는 길 ********************** */
.gm-location-map-con {position: relative; max-width: 1400px; margin: 0 auto; margin-bottom:  var(--cm-con-padding);}
.gm-location-map {position: relative; width: 100%; border-radius: 1.6rem; height: 70rem; overflow: hidden; border: 4px solid #fff; box-sizing: border-box; box-shadow: 0 0.8rem 4rem rgba(0,0,0,0.1); pointer-events: none;}
.gm-location-map .inner {}
.gm-location-map .root_daum_roughmap ,
.gm-location-map .wrap_map{width: 100% !important; height: 100% !important;}
.gm-location-map-info {position: absolute; bottom: 4.8rem; left: 4.8rem; width: calc(100% - 9.6rem); max-width: 58rem; border-radius: 1.2rem; box-shadow: 0 1.7rem 2.7rem rgba(0,0,0,0.1); z-index: 10;}
.gm-location-item {border-radius: 1.2rem; background-color: #fff; width: 100%;}
.gm-location-item dl {padding: 3.2rem 3.6rem; border-bottom: 1px solid rgba(0,0,0,0.1);}
.gm-location-item dl dt {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em; color: #000; line-height: 1.4; margin-bottom: 1.2rem;}
.gm-location-item dl dt i {transform:rotate(-45deg);}
.gm-location-item dl dd p {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #000; line-height: 1.6;}
.gm-location-item dl dd p span {display: inline-block; color: #777; margin-right: 0.2rem;}
.gm-location-item dl dd p + p {margin-top: 0.4rem;}
.gm-location-item .tel-box {display: flex;}
.gm-location-item .tel-box div {width: 50%; border-left: 1px solid rgba(0,0,0,0.1); padding: 1.5rem; box-sizing: border-box; text-align: center;}
.gm-location-item .tel-box div.full {width: 100%;}
.gm-location-item .tel-box div:first-of-type {border-left: 0;}
.gm-location-item .tel-box p,
.gm-location-item .tel-box a {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.6;}
.gm-location-item .tel-box p b,
.gm-location-item .tel-box a b {font-weight: 600; margin-right: 0.4rem;}
.gm-location-con {padding: var(--cm-con-padding) 0; background-color: #f5f5f5;}
.gm-location-list {display: flex; flex-wrap: wrap; gap:4rem;}
.gm-location-list li {width: calc(50% - 2rem);}

@media all and (max-width:800px){
	.gm-location-map {height: 64rem;}
	.gm-location-map-info {bottom: 2rem; left: 2rem; width: calc(100% - 4rem); max-width: none;}
	.gm-location-item dl {padding: 2.5rem;}
	.gm-location-item dl dt {font-weight: 2.2rem;}
	.gm-location-item dl dd p {font-size: 1.6rem;}
	.gm-location-item .tel-box p,
	.gm-location-item .tel-box a {font-size: 1.4rem;}
	.gm-location-list  {gap:2rem}
	.gm-location-list li {width: 100%}
}



/* ****************** 07 회사소개:: 05 온라인문의 :: 개인정보 팝업 ********************** */
.agree-inner{padding: 2.4rem; background-color: #F5F5F5; border-radius: 0.8rem; box-sizing:border-box; text-align:left;}
.agree-inner .agree-txt{font-size:1.6rem; line-height:1.6; letter-spacing:-0.05em; color:#555; margin-bottom:2.4rem;}
.agree-inner .agree-txt:last-child{margin-bottom:0;}
.agree-inner .agree-txt2{font-size:1.2rem; line-height:1.6; letter-spacing:-0.05em; color:#767676; margin-bottom:2.4rem;}
.agree-inner .agree-inner-list{}
.agree-inner .agree-inner-list li{display: flex; align-items:center; padding:1.6rem; box-sizing:border-box; background:#fff; border-radius:0.8rem; margin-bottom:0.8rem}
.agree-inner .agree-inner-list li .inner-tit{font-size:1.4rem; line-height:1.6; letter-spacing:-0.03em; color:#000; font-weight:600; width:11rem;}
.agree-inner .agree-inner-list li .inner-txt{font-size:1.4rem; line-height:1.6; letter-spacing:-0.03em; color:#555; width:calc(100% - 11rem);}
@media all and (max-width:800px){
	.agree-inner .agree-inner-list li{display: block;}
	.agree-inner .agree-inner-list li .inner-tit{width:100%;}
	.agree-inner .agree-inner-list li .inner-txt{width:100%;}
}