@charset "utf-8";
/* 
	common.css : 헤더, 푸터, 레이아웃 정의
*/

html {
	scrollbar-gutter: stable;
  }

/******************************************************************************
 header { ******************************************************************************* */
.glass-section {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.glass-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  pointer-events: none;
  z-index:-1;
}
		.header{position:fixed; top:12px; left:0; width:100%; padding:18px 0; z-index:9999; transition: all .5s;}
		/* 로고는 absolute로 뷰(내부 박스) 기준 정중앙 — 좌·우 버튼 너비 달라도 중앙 유지. 미세 조정: .logo__wr 의 margin-left */
		.header__main__box{height: 60px; position:relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;}
		.header__main__box .ham__btn__wr,
		.header__main__box .contact__btn__wr{flex:0 0 auto;}
		
		.logo__wr {
			/* padding: 20px; */
			/* border-radius: 60px; */
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			margin-left: 0;
			background: rgba(255, 255, 255, 0.15);
			/*background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 100%);*/
			box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.6);
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px);
			padding: 16px 44px 12px;
			border-radius:50px;
		}

		.header.back_up{
			top:0;
		}

		.logo__wr.back_up{
			background: none;
			box-shadow: none;
			backdrop-filter: none;
			-webkit-backdrop-filter: none;
			padding: 0;
			border-radius: 0;
		}

		/* 2안 */
		.logo__wr.v2{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			margin-left: 0;
			background:
				linear-gradient(165deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.08) 52%, rgba(255, 255, 255, 0.06) 100%);
			border: 1px solid rgba(255, 255, 255, 0.38);
			box-shadow:
				0 8px 32px rgba(0, 0, 0, 0.08),
				0 1px 0 rgba(255, 255, 255, 0.55) inset,
				0 -1px 0 rgba(0, 0, 0, 0.04) inset;
			backdrop-filter: blur(12px) saturate(185%);
			-webkit-backdrop-filter: blur(12px) saturate(185%);
			padding: 16px 44px 12px;
			border-radius:50px;
		}

		/* 3안 — 중심에서 퍼지는 글라스 */
		.logo__wr.v3{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			margin-left: 0;
			background:
				radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.22) 38%, rgba(255, 255, 255, 0.09) 62%, rgba(255, 255, 255, 0.03) 100%);
			border: 1px solid rgba(255, 255, 255, 0.38);
			box-shadow:
				0 8px 32px rgba(0, 0, 0, 0.08),
				0 0 20px rgba(255, 255, 255, 0.12),
				0 1px 0 rgba(255, 255, 255, 0.55) inset,
				0 -1px 0 rgba(0, 0, 0, 0.04) inset;
			backdrop-filter: blur(12px) saturate(185%);
			-webkit-backdrop-filter: blur(12px) saturate(185%);
			padding: 16px 44px 12px;
			border-radius:50px;
		}

		/* 헤더 전체 버전들 */

		.header_v2 {
			top: 0;
			/* 원기둥 옆면 느낌: 길게 누운 pill + 중앙 볼록 하이라이트 */
			position: fixed;
			overflow: hidden;
			background:
				radial-gradient(ellipse 175% 108% at 50% -42%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.13) 42%, rgba(255, 255, 255, 0.04) 68%, rgba(255, 255, 255, 0) 86%),
				linear-gradient(180deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.022) 48%, rgba(255, 255, 255, 0.006) 100%),
				linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(255, 255, 255, 0.02) 16%, rgba(255, 255, 255, 0.038) 50%, rgba(255, 255, 255, 0.02) 84%, rgba(0, 0, 0, 0.04) 100%);
			border: 1px solid rgba(255, 255, 255, 0.18);
			border-top-color: rgba(255, 255, 255, 0.34);
			box-shadow:
				0 14px 34px rgba(0, 0, 0, 0.05),
				0 4px 10px rgba(0, 0, 0, 0.03),
				0 0 0 1px rgba(255, 255, 255, 0.1) inset,
				inset 0 1px 0 rgba(255, 255, 255, 0.42),
				inset 0 -2px 0 rgba(0, 0, 0, 0.045);
			backdrop-filter: blur(3px) saturate(140%);
			-webkit-backdrop-filter: blur(11px) saturate(140%);
		}

		.header_v2::before,
		.header_v2::after{
			content:"";
			position:absolute;
			left:3%;
			right:3%;
			border-radius:999px;
			pointer-events:none;
		}

		/* 상단 긴 타원 하이라이트(원통 윗면 반사) */
		.header_v2::before{
			top:0%;
			height:132%;
			background: radial-gradient(ellipse 72% 48% at 50% 72%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.17) 46%, rgba(255, 255, 255, 0) 76%);
			opacity:.92;
		}

		/* 하단 접선 음영(튀어나와 보이는 경계) */
		.header_v2::after{
			bottom:-52%;
			height:118%;
			background: radial-gradient(ellipse 78% 50% at 50% 28%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.036) 44%, rgba(0, 0, 0, 0) 72%);
			opacity:.78;
		}

		.header_v2 .logo__wr{
			background: none;
			border: none;
			box-shadow: none;
			backdrop-filter: none;
			-webkit-backdrop-filter: none;
			padding: 0;
			border-radius: 0;
		}

		body.move_hd .header:not(.header_v2){transform: translateY(-100%) !important; opacity:0 !important;}
		body.move_hd .header.header_v2{transform: translateY(0) !important; opacity:1 !important;}
		body.move_hd .header.header_v3{transform: translateY(0) !important; opacity:1 !important;}

		/* v3: 상단 흰색에서 하단 투명으로 자연스럽게 페이드 */
		.header_v3 {
			top: 0;
			position: fixed;
			overflow: hidden;
			/* background: linear-gradient(
				180deg,
				rgba(255, 255, 255, 0.82) 0%,
				rgba(255, 255, 255, 0.56) 30%,
				rgba(255, 255, 255, 0.24) 65%,
				rgba(255, 255, 255, 0) 100%
			); */
			background:url('/images/header_v3.png') no-repeat center center / 100% 100%;
		}

		/* v3: */

		.header_v3 .logo__wr {
			background: none;
			border: none;
			box-shadow: none;
			backdrop-filter: none;
			-webkit-backdrop-filter: none;
			padding: 0;
			border-radius: 0;
		}

		.logo__wr .logo{
			height:51px;
		}

		/* 헤더 모바일(1280px) */
		@media screen and (max-width:1280px){
			.header__main__box{height:44px;}

			.logo__wr .logo{
				height:46px;
				object-fit:contain;
			}

		}
		
		/* 헤더 모바일(820px) */
		@media screen and (max-width:820px){
			.header{padding:12px 0;}
			.header__main__box{height:44px;}
			.logo__wr{padding: 12px 28px 10px;}
			.logo__wr .logo{
				/*width:97px;*/
				height:37px;
				object-fit:contain;
			}
			/* 모바일용 컨택트 버튼 이미지 교체 */
			.header__main__box .ham__btn__wr img{
				width:44px;
				height:24px;
				object-fit:contain;
			}
	
			/* 모바일용 컨택트 버튼 이미지 교체 */
			.header__main__box .contact__btn__wr img{
				content:url('/images/btn_contact_m.png');
			}
	
			/* 흰 로고 구간: 뉴스 게시판(JS: .header--board-news) / 서브·쇼케이스 스크롤(JS: .header--logo-light) */
			.header.header--board-news .header__main__box .contact__btn__wr img,
			.header.header--logo-light .header__main__box .contact__btn__wr img{
				content:url('/images/btn_contact_m_wt.png');
			}

		}
		@media screen and (max-width:570px){
			.logo__wr, .logo__wr.v2, .logo__wr.v3{padding: 10px 20px 8px;}
			.logo__wr .logo{
				/*width:97px;*/
				height:32px;
				object-fit:contain;
			}
		}

/* } header *****************************************************************************
***************************************************************************************/



/******************************************************************************
side menu { ******************************************************************************* */
	/* 햄버거 메뉴 */
		.header__main__box .ham__btn__wr .main__nav__a{
			/* 햄버거 버튼: 기본 버튼 스타일 제거 */
			background:transparent;
			border:0;
			padding:0;
			cursor:pointer;
		}

		.global-menu-panel{
			/* 전체 화면 오버레이 패널 기본 상태(닫힘) */
			position:fixed;
			inset:0;
			z-index:10000;
			background:transparent;
			color:#fff;
			opacity:0;
			visibility:hidden;
			pointer-events:none;
			overflow:hidden;
			/* 패널 자체의 페이드 인/아웃 */
			transition:opacity .2s ease, visibility .2s ease;
		}
		.global-menu-panel::before{
			/* 원형 확장되는 실제 배경 레이어 */
			content:'';
			position:absolute;
			inset:0;
			background:#05070c;
			/* 시작점: 좌측 상단의 점 */
			clip-path:circle(0 at 0 0);
			/* 메뉴 열고 닫을 때 원형 확장/축소를 더 느리게 */
			transition:clip-path 2s cubic-bezier(.19,1,.22,1);
			will-change:clip-path;
		}
		.global-menu-panel::after{
			/* 광원 레이어 완전 비활성화 */
			content:'';
			position:absolute;
			inset:0;
			background:transparent;
			opacity:0;
			pointer-events:none;
			display:none;
		}
		html.menu-open,
		body.menu-open{
			overflow:hidden;
		}
		.global-menu-panel.is-active{
			opacity:1;
			visibility:visible;
			pointer-events:auto;
		}
		.global-menu-panel.is-closing{
			/* 닫힘 애니메이션 동안 뒤쪽 메뉴 버튼 클릭 허용 */
			pointer-events:none;
		}
		.global-menu-panel.is-open::before{
			clip-path:circle(180vmax at 0 0);
		}
		.global-menu-panel__inner{
			position:relative;
			z-index:1;
			height:100%;
			padding:18px 0 32px;
			display:flex;
			flex-direction:column;
			opacity:0;
			transition:opacity .4s ease;
		}
		.global-menu-panel.is-open .global-menu-panel__inner{
			opacity:1;
			/* 나타날 때만 살짝 늦춰 원 펼침과 겹치도록 */
			transition:opacity .55s ease .12s;
		}
		.global-menu-panel__top{
			position:relative;
			transform:none;
		}
		.global-menu-panel__logo{
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			margin-left:0;
		}
		.global-menu-panel__logo img{object-fit:contain;}
		/* 헤더와 동일 3단(햄·로고·컨택) — 패널은 왼쪽에 닫기, 오른쪽은 너비만 맞춤 */
		.global-menu-panel__top .ham__btn__wr{
			display:flex;
			align-items:center;
			flex:0 0 auto;
		}
		.global-menu-panel__right-spacer .main__nav__a{
			visibility:hidden;
			display:inline-flex;
		}
		.global-menu-panel__close{
			border:1px solid rgba(255,255,255,.4);
			background:#fff;
			color:#111;
			border-radius:20px;
			height:40px;
			padding:0 14px;
			display:inline-flex;
			align-items:center;
			justify-content:center;
			cursor:pointer;
			font-size:16px;
			line-height:1;
			box-sizing:border-box;
		}
		.global-menu-panel__body{
			display:flex;
			align-items:center;
			justify-content:space-between;
			gap:60px;
			width:100%;
			margin:auto 0;
			transform:translateY(10px);
			transition:transform .2s ease;
		}
		.global-menu-panel.is-open .global-menu-panel__body{
			transform:none;
			transition:transform .65s cubic-bezier(.19,1,.22,1) .22s;
		}

		.global-menu-panel__cta{
			align-self:flex-end;
			display: flex;
			flex-direction: column;
			gap:24px;
		}

		.global-menu-panel__cta .btn__box__st01{
			align-self:flex-end;
		}

		.global-menu-panel__nav ul{
			margin:0;
			padding:0;
			list-style:none;
		}

		.global-menu-panel__nav li{
			margin-top:24px;
			display: flex;
			align-items: center;
			gap:24px;
		}
		
		.global-menu-panel__nav li:first-child{
			margin-top:0;
		}

		.global-menu-panel__nav li .menu_num{
			display:none;



			font-size: 16px;
			width: 24px;
			color:var(--color__main);
			font-family:'ClashDisplay-Variable';
		}

		.global-menu-panel__nav a{
			font-size:90px;
			line-height:1;
			color:rgba(255,255,255,.35);
			font-family:'ClashDisplay-Variable';
			transition:color .2s ease;
		}
		@media (pointer: fine) and (min-width: 821px) {
			.global-menu-panel__nav a:hover{
				color:#fff;
			}
		}

		.global-menu-panel__cta .btn__box__a{
			display:inline-flex;
			align-items:center;
			gap:8px;
			color:#fff;
		}

		.menu__video__wr{
			width:490px;
			height:400px;
			position:relative;
			overflow:visible;
			background:transparent;
		}


		.menu__video{
			width:100%;
			height:100%;
			object-fit:cover;
			opacity:.92;
			filter:saturate(.9) brightness(.92);
			/* 세로 타원 마스크: 좌우 가장자리를 더 강하게 0(투명) 처리 */
			mask-image: radial-gradient(circle at 50% 50%, #000 17%, rgba(0, 0, 0, .92) 23%, rgba(0, 0, 0, .45) 49%, rgba(0, 0, 0, .08) 67%, transparent 52%);
		}

		@media screen and (max-width:1180px){

			.global-menu-panel__nav a{
				font-size:60px;
			}

			.menu__video__wr {
				width: 380px;
				height: 250px;
			}
		}



		@media screen and (max-width:820px){
			.global-menu-panel__inner{
				padding:12px 0 24px;
			}
			.global-menu-panel__close{
				width:32px;
				height:32px;
				padding:0;
				border:0;
				background:transparent;
				color:transparent;
				font-size:0;
				line-height:0;
				border-radius:0;
				position:relative;
			}
			.global-menu-panel__close::before{
				content:"\00D7";
				position:absolute;
				inset:0;
				display:flex;
				align-items:center;
				justify-content:center;
				color:#fff;
				font-size:34px;
				line-height:1;
				font-weight:300;
			}
			.global-menu-panel__body{
				flex-direction:column;
				align-items:flex-start;
				justify-content:center;
				gap:32px;
			}
			.global-menu-panel__nav a{
				font-size:48px;
			}

			.global-menu-panel__nav li{
				gap:12px;
			}

			.global-menu-panel__cta {
				flex-direction: column-reverse;
			}


			.menu__video__wr{
				display:none;
				width: 100%;
				height: 140px;
			}

			.menu__video{
				-webkit-mask-image: radial-gradient(ellipse 68% 42% at 50% 50%, #000 18%, rgba(0,0,0,.95) 28%, rgba(0,0,0,.55) 44%, rgba(0,0,0,.16) 54%, transparent 60%);
				mask-image: radial-gradient(ellipse 68% 42% at 50% 50%, #000 18%, rgba(0,0,0,.95) 28%, rgba(0,0,0,.55) 44%, rgba(0,0,0,.16) 54%, transparent 60%);
			}

			.global-menu-panel__cta{
				align-self:flex-start;
				width: 100%;
			}

			.global-menu-panel__cta .btn__box__st01 {
				align-self: flex-start;
			}

			
		}

/* } side menu *****************************************************************************
***************************************************************************************/


/* roopimgs { ******************************************************************************* */

	.roopimgs::after {content:''; display:block; width:100%; height:16px; background: #e04004;}
	.roopimgs .marquee__text__list__wr { display:flex; width: 100%;overflow: hidden;  white-space: nowrap; left:0; bottom:-60px; padding-top:100px;}
	.roopimgs .marquee__text__list__wr .marquee__tx__container .tx{ display: flex; flex-shrink: 0; margin:0 20px;}

	/* 무한 마퀴: 트랙 안에 동일한 블록을 2번 붙이고, -50%까지 이동 후 리셋 → 시각적으로 이음매 없음 */
	@keyframes txmarquee {
		0% {
			transform: translate3d(0, 0, 0);
		}
		100% {
			transform: translate3d(-50%, 0, 0);
		}
	}

	.roopimgs .marquee__text__list__wr .marquee__tx__container {
		display: flex;
		white-space: nowrap;
		animation: txmarquee 50s linear infinite;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transform: translateZ(0);
	}

	/* 820px 이하: 썸네일 링크·이미지 100% 채움 — 애니메이션도 동일 -50% 루프(구 txmarquee_m 의 -100%는 리셋 시 끊김 원인) */
	@media screen and (max-width: 820px) {
		.roopimgs .marquee__text__list__wr { padding-top:0px;}

		.roopimgs .marquee__text__list__wr .marquee__tx__container .tx {
			flex: 0 0 auto;
			margin: 0 10px;
		}
		.roopimgs .marquee__text__list__wr .marquee__tx__container .tx .img__wr {
			height: 100px;
			width: max-content;
			flex-shrink: 0;
		}
		.roopimgs .marquee__text__list__wr .marquee__tx__container .tx .img__wr a {
			display: block;
			height: 100%;
		}
		.roopimgs .marquee__text__list__wr .marquee__tx__container .tx .img__wr a img {
			display: block;
			height: 100%;
			width: auto;
			max-width: none;
			object-fit: contain;
		}
		#roopimgs_title_wr .marquee__text__list__wr .marquee__tx__container {
			animation: txmarquee 25s linear infinite;
		}
		.roopimgs::after {
			height: 10px;
		}
	}

/* } roopimgs *****************************************************************************
***************************************************************************************/


/******************************************************************************
footer { ******************************************************************************* */
	/* 푸터 */
		.footer{position:relative; background:#fff; padding:120px 0 0;color:#111;}
		.ft__top__box{color:#111; margin-bottom: 80px;}
		.ft__top__box p{font-size:60px; line-height:60px; font-weight:400; font-family:'ClashDisplay-Variable'; word-break: keep-all;}
		.ft__bottom__box{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-end; justify-content: space-between; align-items: flex-end;}
		.ft__bottom__box a{color:#111;}
		.ft__bottom__box__left li{margin-bottom:16px;}
		.ft__bottom__box__left a{font-size:18px; font-weight:400; font-family:'Inter', dotum, sans-serif;}
		.ft__bottom__box__right li{margin-top:24px; text-align: right;}

		.ft__additional__box__wr {
			margin-top: 55px;
			padding: 55px 0;
			border-top: 1px solid #e0e0e0;
		}

		.ft__additional__box{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}




		.ft__additional__box__left {
			display: flex;
			flex-direction: column;
			gap:24px;
		}

		.ft__additional__box__left .ft__additional__info{
			display: flex;
			flex-direction: column;
		}

		.ft__additional__box__left .ft__additional__info li span{
			font-size:14px;
			font-weight:400;
			color:#999;
		}

		.ft__additional__box__left .ft__additional__links{
			display: flex;
			flex-direction: row;
			gap:24px;
		}

		
		.ft__additional__box__left .ft__additional__links li a{
			font-size:14px;
			font-weight:400;
			color:#505050;
			text-decoration: underline;
		}


		.ft__additional__box__right .ft__copy__wr{
			opacity:0.3; font-size:18px; font-weight:400;
		}
	/* 푸터 반응형 */
		@media screen and (max-width:570px){
			.footer{
				padding:72px 0 56px;
			}

			.ft__top__box{
				margin-bottom:48px;
			}
			.ft__top__box p{
				font-size:42px;
				line-height:52px;
			}

			/* 모바일은 버튼 그룹을 먼저 노출 */
			.ft__bottom__box{
				flex-direction: column-reverse;
				align-items: flex-start;
				gap:40px;
			}

			.ft__bottom__box__right{
				width:100%;
			}
			.ft__bottom__box__right .ft__btn__ul{
				width:100%;
			}
			.ft__bottom__box__right li{
				margin-top:0;
				margin-bottom:24px;
				text-align:left;
			}
			.ft__bottom__box__right li:last-child{
				margin-bottom:0;
			}

			.ft__bottom__box__left{
				width:100%;
			}
			.ft__bottom__box__left a{
				font-size:16px;
				line-height:1.15;
			}
			.ft__bottom__box__left li{
				margin-bottom:14px;
			}
			.ft__bottom__box__left .ft__copy__wr{
				margin-top:44px;
				font-size:16px;
			}

			.ft__additional__box{
				flex-direction: column;
				align-items: flex-start;
				gap:24px;
			}

			.ft__additional__box__wr {
				padding-bottom: 0;
			}
		}

/* } footer *****************************************************************************
***************************************************************************************/

/* 게시판 뉴스일때 wrapper 배경색 변경 */
#wrapper.wrap-board-news {
    background: #333; 
}


/* } 게시판 뉴스일때 wrapper 배경색 변경 *****************************************************************************
***************************************************************************************/

/* 서비스 서브페이지: 푸터 마퀴 배경색 변경 */
body.page-service-crypto-specific-accounting-andauditing-services #roopimgs_title_wr,
body.page-service-disputes #roopimgs_title_wr,
body.page-service-founder-support #roopimgs_title_wr,
body.page-service-fundraising #roopimgs_title_wr,
body.page-service-global-licensing-support #roopimgs_title_wr,
body.page-service-group-company-management #roopimgs_title_wr,
body.page-service-licensing-supportin-the-uae #roopimgs_title_wr,
body.page-service-network-introductions #roopimgs_title_wr,
body.page-service-otc-compliance-solutions #roopimgs_title_wr,
body.page-service-product-counselling #roopimgs_title_wr,
body.page-service-recruitment #roopimgs_title_wr,
body.page-service-token-analyses #roopimgs_title_wr {
	background: #F4F5F7;
}