@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.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}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

@keyframes text-active-animation2 {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out2 {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}
@keyframes flowLoop {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(-200%);}
}

/* ******************  Company ********************** */
/* **** Creatz identity **** */
.identity-con01{position: relative; aspect-ratio: 1920 / 960;}
.identity-con01 .line {position: absolute;z-index: 2; top: 0; left: 50%; top: 0; width: 1px; margin-left: -0.5px; background-color: rgba(255,255,255,0.25); height: 0; transition:all 1.4s ease-in-out;}
.identity-con01 .dot {position: absolute; z-index: 3; width: 65px; height: 65px; left: 50%; top: 50%; transform:translate(-50%,-50%); background-color: #fff; border-radius: 50%; opacity:0.2; transition:all 2.0s ease-in-out; transition-delay:0.5s;}

.identity-con01-bg{position: absolute; inset: 0; width: 100%; height: 100%;}
.identity-con01-bg img{width: 100%; height: 100%; object-fit: cover;}
.identity-con01-inner {position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; max-width: 1360px; box-sizing: border-box;}
.identity-con01-inner .left-con {width: 50%; padding-left: 3rem; box-sizing: border-box;}
.identity-con01-inner .left-con .txt {font-size: 5.2rem; font-weight: 500; color: #fff; line-height: 1.4; letter-spacing: -0.05em; opacity: 0;  -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); transition:var(--transition-custom2);pointer-events: none;}
.identity-con01-inner .left-con .txt b {font-weight: 700; color: var(--main-color);}
.identity-con01-inner .right-con  {width: 50%; display: flex; justify-content: end;}
.identity-con01-inner .right-con .txt {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 1.66; color: #fff; opacity: 0;  -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); transition:var(--transition-custom2);pointer-events: none;}
/* aminated */
.identity-con01.animated .line {height: 100%;}
.identity-con01.animated .dot {width: 15px; height: 15px; opacity: 1; margin-top: calc(50vh + 47rem); }
.identity-con01.animated .identity-con01-inner .left-con .txt,
.identity-con01.animated .identity-con01-inner .right-con .txt {  opacity: 1;  -webkit-transform: none;  transform: none;}

.identity-con02{padding: 46rem 0 16rem; position: relative;}
.identity-con02 .content-tit-box {margin-top: 5.5rem;}
.identity-con02 .content-tit-box .content-tit:before {display: none;}
.identity-con02 .line {position: absolute; z-index: 2; top: 0; left: 50%; top: 0; width: 1px; margin-left: -0.5px; background-color: rgba(255,255,255,0.25); height: 0; transition:all 1.4s ease-in-out;}
/* aminated */
.identity-con02.animated .line {height: 100%;}
.identity-con02-flow-txt {position: absolute; top: 12rem; left: 0; width: 100%; display:flex; white-space:nowrap;}
.identity-con02-flow-txt p {display: inline-block; font-size: 14rem; font-weight: 500; letter-spacing: -0.03em; color: rgba(255,255,255,0.15); font-family: var(--font-family2); white-space: nowrap; animation: 70s 0s flowLoop infinite linear; animation-play-state: paused;}
.identity-con02-flow-txt p:not(.center){opacity: 0; transition:var(--transition-custom2); transition-property: opacity;}
.identity-con02-flow-txt p.cm-word-split-JS.splitting .word {line-height: 1.2; display: inline-block; vertical-align: middle;}
.identity-con02-flow-txt p.cm-word-split-JS.splitting .char{opacity:1;}
.identity-con02-flow-txt p.cm-word-split-JS.splitting .word{animation: text-fade-out2 1.5s ease-in-out both; animation-delay:calc(var(--word-index) * 0.15s);}
.identity-con02-flow-txt.animated p.cm-word-split-JS.splitting .word{animation: text-active-animation2 1s ease-in-out both; animation-delay:calc(var(--word-index) * 0.15s);}
.identity-con02-flow-txt.animated p.cm-word-split-JS{overflow: visible;}
/* marquee :: active */
.identity-con02-flow-txt.animated p{animation-play-state: running; }
.identity-con02-flow-txt.animated p:not(.center){opacity: 1; transition-delay:2s;}
.identity-con02-flow-txt p.cm-word-split-JS.splitting .word{animation: text-fade-out2 1.5s ease-in-out both;  animation-delay:calc(var(--word-index) * 0.15s);}
.identity-con02-flow-txt.animated p.cm-word-split-JS.splitting .word {animation: text-active-animation2 1s ease-in-out both; animation-delay:calc(var(--word-index) * 0.15s);}

.identity-con02-box {position: relative; z-index: 3; height: 100vh; /* overflow: hidden; */}
.identity-con02-center {position: absolute; z-index: 1; width: 80rem; height: 80rem; top: 50%; left: 50%; transform:translate(-50%,-40%); opacity:0;  transition:var(--transition-custom2);}
.identity-con02-center.animated {opacity:1;}
.identity-con02-center picture {position: relative;}
.identity-con02-center img {max-width: 100%; max-height: 100%;}
.identity-con02-dot {position: absolute; top: 50%; left: 50%; transform:translate(-50%, 3rem); width: 3.2rem; height: 3.2rem; opacity: 0; transition:var(--transition-custom2); will-change: transform !important;}
.identity-con02-dot.dot01 {margin-top: -30.6rem; margin-left: -1.2rem; transition-delay: 0.2s;}
.identity-con02-dot.dot02 {margin-left: -23rem; margin-top: 15.4rem; transition-delay: 0.4s;}
.identity-con02-dot.dot03 {margin-left: 15rem; margin-top: 7.9rem; transition-delay: 0.6s;}
.identity-con02-dot:before {position: absolute; content: attr(data-txt); top: -2.5rem; left: 100%;white-space:nowrap; border-radius: 3rem; background-color: rgba(255,218,0,0.25); height: 3.2rem; padding: 0 1.5rem;  display: flex; align-items: center; transition:var(--transition-custom); font-size: 1.7rem; font-weight: 500; letter-spacing: -0.02em; color: #222; backdrop-filter:blur(1rem);}
.identity-con02-dot.on:before {background-color: var(--main-color);} 
.identity-con02-center.animated .identity-con02-dot {opacity: 1; transform:translate(-50%, 0);}
.identity-con02-dot em {display:block; position:absolute; top:50%; left:50%; margin:-0.7rem 0 0 -0.7rem; width:1.4rem; height:1.4rem; background-color:var(--main-color); border-radius:50%;}
.identity-con02-dot > .circle {border-radius: 50%;-webkit-animation-fill-mode: both; animation-fill-mode: both;position: absolute;left: 0;top: 0px; opacity: 0;margin: 0;width: 100%; height: 100%; border: 1px solid var(--main-color); box-sizing: border-box;}
.identity-con02-dot > .circle {animation: nation-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite;}
.identity-con02-dot > .circle:nth-child(2) {-webkit-animation-delay: 1s;animation-delay: 1s;}
.identity-con02-dot > .circle:nth-child(3) {-webkit-animation-delay: 2s;animation-delay: 2s;}
@keyframes nation-circle {
 0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.3; 
	}
	50% {
		opacity: 1; 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; 
	}
}
.identity-con02-list{position: relative;height: 300vh;}
.identity-con02-item {position:absolute; left:0;top:0;width:100%;height:100vh; position:absolute;inset:0;}
.identity-con02-item .area-wide {display:flex; align-items:center;justify-content:space-between; width: 100%; height: 100%; box-sizing: border-box;}
.identity-con02-item strong {display: block; font-size: 16.5rem; font-weight: 600;  background-image: linear-gradient(to right, rgba(32,32,32,1.0) 0%, rgba(32,32,32,0) 100%); background-clip: text;-webkit-background-clip: text; color: transparent;}
.identity-con02-item:first-child strong {background-image: linear-gradient(to right, rgba(32,32,32,1.0) 0%, rgba(32,32,32,0.76) 24%)} 
.identity-con02-item:first-child strong ,
.identity-con02-item:first-child .txt-box {opacity: 0; transform:translateY(30px); transition:var(--transition-custom2); transition-delay:0.6s;}
.identity-con02-list.animated .identity-con02-item:first-child strong ,
.identity-con02-list.animated .identity-con02-item:first-child .txt-box {opacity: 1;  transform:translateY(0);}

.identity-con02-item .txt-box {width: 46rem; padding: 3.6rem 4rem; box-sizing: border-box; background-color: #202020; border: 1px solid #303030; border-radius: 1.6rem;}
.identity-con02-item .txt-box .tit {font-size: 2.4rem; font-weight: 400; letter-spacing: -0.05em; color: var(--main-color); line-height: 1.8;}
.identity-con02-item .txt-box .txt01 {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; color: #fff; line-height: 1.8; margin-top: 3rem;}
.identity-con02-item .txt-box .txt02 {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #fff; line-height: 1.8; margin-top: 3rem;}
 
.identity-con03{padding: 0 0 5rem; position: relative;}
.identity-con03-img{margin-top: 4rem; text-align: center;}
.identity-con03-img img{max-width: 100%; display: inline-block;}
.identity-con03-txt{position: relative; margin-top: -13rem; text-align: center;}
.identity-con03-txt .txt01{font-size: 2.4rem; line-height: 1.66; letter-spacing: -0.05em; font-weight: 500; color: #fff;}
.identity-con03-txt .txt01 b{font-weight: inherit; color: var(--main-color);}
.identity-con03-txt .txt02{margin-top: 4.5rem; font-size: 1.8rem; line-height: 1.77; letter-spacing: -0.05em; color: rgba(255,255,255,0.8);}
.identity-con03-txt .txt03:before{margin: 5rem auto; width: 1.9rem; height: 0.4rem; background-color: rgba(255,255,255,0.3); display: block; content: '';}
.identity-con03-txt .txt03{font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #fff;}
.identity-con03-txt .txt04{margin-top: 2rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.05em; color: #fff;}

@media all and ( min-width: 801px ){
	.identity-animate {opacity: 0;  -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); transition:var(--transition-custom2); will-change: transform; will-change: opacity;}
	.identity-animate.animated {opacity: 1;   -webkit-transform: none;transform: none;}
}

@media all and ( max-width: 1420px ){
	.identity-con01-inner {padding: 0 var(--area-padding); max-width: none;}
	.identity-con01-inner .left-con {padding-left: 0;}
}
@media all and ( max-width: 1280px ){
	.identity-con01 {    aspect-ratio: unset; height: auto; padding: 25rem 0;}
	.identity-con01 .dot {width: 50px; height: 50px;}
	.identity-con01.animated .dot {margin-top: 25rem;}
	.identity-con02-item strong {font-size: 10rem;}
	.identity-con02-box {display: flex; justify-content: end;}
	.identity-con02-center {width: 50%; left: 0; height: auto; transform: translate(0, -50%);}
	.identity-con02-list {width: 50%;}
	.identity-con02-item .area-wide {flex-direction:column; align-items: flex-start; justify-content: center;}
	.identity-con02-dot.dot01 {margin-top: -22.6rem; margin-left: -1.2rem;}
	.identity-con02-dot.dot02 {margin-left: -19rem; margin-top: 10.4rem;}
	.identity-con02-dot.dot03 {margin-left: 11rem; margin-top: 5.4rem;}
	
	.identity-con02-item strong {margin-bottom: 2rem; background-image:linear-gradient(to right, rgba(32, 32, 32, 1.0) 0%, rgba(32, 32, 32, 0.76) 100%) !important;}
	.identity-con02-item .txt-box {width: 100%;}
}
@media all and ( max-width: 800px ){
	.identity-con01 {padding: 12rem 0;}
	.identity-con01 .line {display: none;}
	.identity-con01 .dot {display: none;}
	.identity-con01-inner {display: block;}
	.identity-con01-inner .left-con {width: 100%; margin-bottom: 8rem;}
	.identity-con01-inner .left-con .txt {font-size: 4.2rem;}
	.identity-con01-inner .right-con {width: 100%;}
	..identity-con02-flow-txt {top: 8rem;}
	.identity-con02-flow-txt p {font-size: 10rem;}
	.identity-con02 {padding: 30rem 0 8rem;}
	.identity-con02 .line {display: none;}
	.identity-con02-box {display: block; height: auto;}
	.identity-con02-center {position: relative; width: 100%;         transform: translate(0, 0);}
	.identity-con02-list {width: 100%; margin-top: -5rem; height: auto;}
	.identity-con02-item {position: relative; margin-bottom: 5rem; height: auto;}
	.identity-con02-item strong {font-size: 5rem; background-image: linear-gradient(to right, rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 0.5) 100%) !important;}
	.identity-con02-item .txt-box {padding: 3rem;}
	.identity-con02-dot:before {background-color: var(--main-color); font-size: 1.4rem;}
	.identity-con02-dot.dot01 {margin-top: -38.2%; margin-left: -1.8%;}
	.identity-con02-dot.dot02 { margin-left: -27%; margin-top: 19%;}
	.identity-con02-dot.dot03 {margin-left: 16%; margin-top: 9.7%;}
	
	.identity-con02-item:first-child strong ,
	.identity-con02-item:first-child .txt-box  {opacity: 1;  transform:translateY(0);}
}
@media all and ( max-width:480px ){
	.identity-con02 .content-tit-box {margin-bottom: 3rem;}
	.identity-con02-list {margin-top: 0;}
	
	.identity-con02-dot.dot01 {margin-top: -39.2%; margin-left: -1.5%;}
	.identity-con02-dot.dot02 {margin-left: -30%; margin-top: 17.5%;}
	.identity-con02-dot.dot03 {margin-left: 11%;  margin-top: 7.7%;}
}


/* ****************** Business ********************** */
/* **** 직영점 **** */
.store-con {margin-top: 10rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
:root{
	--store-height: calc(100vh - 40px);
}
/* 왼쪽  */
.store-con-left{padding: 4.5rem 3.5rem 0; width: 47rem; height: var(--store-height); background-color: #222222; border-radius: 1.5rem; box-sizing: border-box; overflow: hidden; position: relative;}
.store-search-form {position: relative;}
.store-search-form + .store-search-form{height: 8rem; }
.store-search-form .tit {font-size: 3.5rem; line-height: 1.3; font-weight: 700; color: #fff; margin-bottom: 1rem;}

/* 텍스트+필터버튼 */
.text-filter-group{position: relative; display: flex; align-items: center; justify-content: space-between;}
.text-filter-group .txt{font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.015em; font-weight: 500; color: rgba(255,255,255,0.6);}
.text-filter-group .txt b{font-weight: 400; color: var(--main-color);}
.text-filter-group .text-filter-open-btn{width: 10rem; height: 3.5rem; font-size: 1.5rem; font-weight: 400; color: #fff; padding: 0 1.4rem 0 1.8rem; background-color: #000; border-radius: 3.6rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.text-filter-group .text-filter-open-btn i{font-size: 1.6rem;}
.text-filter-group .text-filter-open-btn.open{background-color: #fff; color: #000;}
.text-filter-group .text-filter-open-btn.open i{transform: rotate(180deg);}
/* 필터영역 */
.text-filter-box{position: absolute; left: -3.5rem; right: -3.5rem; top: 0; padding: 0 3.5rem 3.3rem; background-color: transparent; box-sizing: border-box; z-index: 11;}
.text-filter-box.open{background-color: #222; border-radius: 0 0 1.5rem 1.5rem; box-shadow: 0rem 3rem 2.7rem -1rem rgba(0,0,0,0.15);}
.text-filter-box-list{display: none;}
.text-filter-box-item{margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dadada;}
.text-filter-box-item:last-child{border-top: 0; margin-top: 1.5rem;}
.text-filter-box-tit{margin-bottom: 1rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.015em; font-weight: 600; color: #fff;}
/* 필터영역 :: 체크박스 */
.text-filter-checkbox{margin: -2px 0; display: flex; flex-wrap:wrap;}
.text-filter-checkbox .checkbox-item{margin: 2px 2rem 2px 0;}
.text-filter-checkbox .checkbox-item{display:inline-block; vertical-align:middle;}
.text-filter-checkbox .checkbox-item input[type="checkbox"]{display:none;}
.text-filter-checkbox .checkbox-item label{display:inline-block; position:relative; padding-left:2.5rem; color:#fff; font-size:1.4rem; letter-spacing:-0.015em; line-height:20px; font-weight: 500;}
.text-filter-checkbox .checkbox-item label::before{font-family: 'xeicon'; content: "\ea0e"; position:absolute; top:0px; left:0px; font-size:1.8rem; color:#ccc;}
.text-filter-checkbox .checkbox-item label::after {position: absolute; top: 50%; left: 0.4rem; content: ""; width: 1rem; height: 1rem; transform: translateY(-50%); background-color: transparent; z-index: -1;}
.text-filter-checkbox .checkbox-item input[type="checkbox"]:checked + label::before{color:var(--main-color); content: "\e92d";}
.text-filter-checkbox .checkbox-item input[type="checkbox"]:checked + label::after {background-color: #fff;}

/* 인풋+버튼 */
.input-button-group{width: 100%; height: 5.5rem; position: relative;}
.input-button-group input{padding: 0 6rem 0 3.2rem; width: 100%; height: 100%; font-size: 1.6rem; font-weight: 600; color: #000; appearance: none; box-sizing: border-box; border: 2px solid var(--main-color); outline: none; background-color: var(--main-color); border-radius: 3rem !important; transition: background-color 0.3s, color 0.3s;}
.input-button-group input::placeholder{color: #000;}
.input-button-group .btn{position: absolute; right: 2rem; top: 50%; margin-top: -1rem; font-size: 2rem; color:#222; }
.input-button-group .btn i {position: relative; }
/* .input-button-group input:focus{background-color: #fff;} */
.autocomplete-wrap {position: relative;}
.autocomplete-list {position: absolute; top: 100%; left: 0; right: 0; z-index: 10; background: white; border: 2px solid #ccc; max-height: 20rem; overflow-y: auto; padding: 0; margin: 0.5rem 0 0; border-radius: 0.8rem; box-sizing: border-box;}
.autocomplete-list li {padding: 1.2rem 3rem; font-size: 1.6rem; line-height: 1.3; font-weight: 400; letter-spacing: -0.025em; color: var(--color-dark); cursor: pointer; transition: background-color 0.3s;}
.autocomplete-list li:hover,
.autocomplete-list li.active {background-color: #f0f0f0;}

/* 초기화버튼 */
.store-search-reset-btn{position: absolute; bottom: -5rem; left: 50%; margin-left: -5rem; width: 10rem; height: 3.5rem; font-size: 1.4rem; font-weight: 500; color: #fff; background-color: #222; border: 1px solid #555; border-radius: 1.75rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; z-index: 12; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.3s 0.4s, opacity 0.3s 0.4s;}
.store-search-reset-btn i{margin-right: 0.5rem;}
.store-search-reset-btn:hover{background-color: #fff; border-color: #fff; color: #222;}
.store-search-reset-btn.open{visibility: hidden; opacity: 0; transition: background-color 0.3s, border-color 0.3s, color 0.3s, visibility 0.1s 0s, opacity 0.1s 0s;}

/* 리스트 */
.store-search-result-box{margin-top: 3.3rem; padding-top: 3.5rem; height: calc(var(--store-height) - 28.4rem); border-top: 1px solid #555; position: relative;}
.store-search-result-box .mCSB_scrollTools {right: -2.6rem !important; opacity: 1;}
.store-search-result-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #555 !important; width: 0.7rem;}
.store-search-result-box .mCSB_scrollTools .mCSB_draggerRail {width: 0.7rem; background-color: #ddd !important;}
.store-search-result-list {}
.store-search-result-item{position: relative;}
.store-search-result-item + .store-search-result-item{margin-top: 2rem;}
.store-search-result-inner {position: relative; display: block; width: 100%; background-color: #fff; border-radius: 1.5rem; box-shadow: 0 0.4rem 2rem rgba(0,0,0,0.25); box-sizing: border-box;}
.store-search-result-inner:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0;border-radius: 1.5rem; border: 3px solid var(--main-color); box-sizing: border-box; opacity: 0; pointer-events:none; transition:all 0.4s;}
.store-search-result-item.on .store-search-result-inne:beforer,
.store-search-result-item:hover .store-search-result-inner:before {opacity: 1;}

.store-search-result-box.no-scroll{}
.store-search-result-box.no-scroll .store-search-result-scroll-box{height: calc(var(--store-height) - 32.4rem);}
.store-search-result-box.no-scroll .add-top-txt{height: 3.5rem; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color: rgba(255,255,255,0.6);}

.store-search-result-inner-top{padding: 3rem; display: block; box-sizing: border-box;}
.store-search-result-inner-top .logo-box{}
.store-search-result-inner-top .logo-box img{max-height: 2rem;}
.store-search-result-inner-top .tit{margin-top: 1.5rem; font-size: 2.8rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.05em; color: #000;}
.store-search-result-inner-top .address{margin-top: 2.5rem; font-size: 1.6rem; line-height: 1.5; font-weight: 600; letter-spacing: -0.05em; color: #555;}
.store-search-result-inner-top .info-list{margin-top: 1.5rem; display: flex; flex-wrap: wrap;}
.store-search-result-inner-top .info-list li{position: relative; width: 49.09%; height: 3rem; font-size: 1.2rem; line-height: 1.05; font-weight: 500; letter-spacing: -0.015em; color: rgba(0,0,0,0.6);}
.store-search-result-inner-top .info-list li div{padding: 0 1.5rem 0 2rem; font-size: 1.4rem; font-weight: 500; color:#555; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #EEEEEE; box-sizing: border-box; border-radius: 1.4rem; word-break: break-word; transition: opacity 0.3s;}

.store-search-result-inner-top .use-list{margin-top: 2.5rem;}
.store-search-result-inner-top .use-list h5{font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 600; color:#555;}
.store-search-result-inner-top .use-list ul{margin-top: 0.5rem; display: flex; flex-wrap:wrap;}
.store-search-result-inner-top .use-list ul li{margin-right: 1rem; margin-top: 0.5rem; position: relative; padding-left: 1.2rem; font-size: 1.4rem; line-height: 1.3; font-weight: 400; letter-spacing: -0.025em; #888; display: inline-block; word-break: break-word;}
.store-search-result-inner-top .use-list ul li:before{position: absolute; top: 0; left: 0; content: '#';}

.store-search-result-inner-bottom{display: flex; flex-wrap:wrap; border-top: 1px solid #ddd;}
.store-search-result-inner-bottom .visit-btn.disabled,
.store-search-result-inner-bottom a{padding: 0 1.8rem 0 1.5rem; width: calc(50% - 0.5rem); height: 5.8rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.025em; color: #000; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; transition: color 0.3s;}
.store-search-result-inner-bottom .visit-btn.disabled span,
.store-search-result-inner-bottom a span{margin-left: 0.7rem; font-size: 1.2rem; color: rgba(0,0,0,0.6); transition: color 0.3s;}
.store-search-result-inner-bottom .visit-btn + .visit-btn {border-left: 1px solid #ddd;}
.store-search-result-inner-bottom .visit-btn.disabled i,
.store-search-result-inner-bottom a i{font-size: 1.8rem;}
.store-search-result-inner-bottom a:hover span,
.store-search-result-inner-bottom a:hover{color: var(--main-color);}

.store-search-result-inner-bottom a.sns-btn.none,
.store-search-result-inner-bottom .visit-btn.disabled{color: #bbb; cursor: auto;}

.store-search-result-inner-bottom a.facebook,
.store-search-result-inner-bottom a.instagram,
.store-search-result-inner-bottom a.youtube,
.store-search-result-inner-bottom a.none{padding-right: 4.5rem; position: relative;}
.store-search-result-inner-bottom a.facebook:after,
.store-search-result-inner-bottom a.instagram:after,
.store-search-result-inner-bottom a.youtube:after,
.store-search-result-inner-bottom a.none:after{position: absolute; top: 50%; margin-top: -1rem; right: 2.5rem; font-size: 1.8rem; font-family: xeicon;}
.store-search-result-inner-bottom a.facebook:after{content: "\ebd5";}
.store-search-result-inner-bottom a.instagram:after{content: "\ebe9";}
.store-search-result-inner-bottom a.youtube:after{content: "\ec32";}
.store-search-result-inner-bottom a.none:after{content: "\e980";}
.store-search-result-list .no-result-txt{padding-top: 10rem; font-size: 1.65rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.025em; color: var(--color-dark); text-align: center;}


/* 오른쪽 */
.store-con-right{width: calc(100% - 47rem); padding-left: 2rem; box-sizing: border-box;}


/* ****************
 * 공통
**************** */
#map {width: 100%; height: var(--store-height); border-radius: 1.5rem;}
.pac-container {display: none !important;}
@keyframes bounce-in {
  0% {
    transform: scale(0.5) translateY(50px);
    opacity: 0;
  }
  60% {
    transform: scale(1.2) translateY(-10px);
    opacity: 1;
  }
  80% {
    transform: scale(0.95) translateY(5px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}
.property { transform-origin:center; animation: bounce-in 0.6s ease;}
/* ****************
 * 닫혀있을때 스타일
**************** */
.property {position: relative; width: auto; height: auto;}
.property .icon {width: 6rem; height: 6rem; box-sizing: border-box; position: relative; display: block; transition: box-shadow 0.3s ease-out;}
.property .icon img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: all 0.3s ease-out;}
.property .icon .marker {height: 4.8rem; }
.property .details {visibility: hidden; opacity: 0; transition: all 0.3s ease-out;}

/* ****************
 * 열렸을때 스타일
**************** */
.property.highlight {width: auto; height: auto;}
.property.highlight .details {visibility: visible; opacity: 1;}

/* 내부 정보 */
.property .details {position: absolute; bottom: calc(100% + 5px); left: 50%; transform: translateX(-50%); /* visibility: hidden; opacity: 0;  */    min-width: 20rem; padding: 1.5rem 2.5rem; display: flex; flex-direction: column; flex: 1; background-color: #fff; border-radius: 0.8rem; transition: all 0.3s ease-out; box-sizing: border-box; text-align: center; border: 2px solid var(--main-color);}
.property .name{font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 600; color: #000; white-space: nowrap; font-family:var(--font-family1);}
.property .type {margin-top: 0.2rem; font-size: 1.1rem;  line-height: 1.3; letter-spacing: -0.025em; font-weight: 500; color:var(--main-color); white-space: nowrap; font-family:var(--font-family1);}