@charset "utf-8";
.intro-wrap {display:flex; color:#fff; text-align:center;}
.intro-wrap .item {height:100vh; align-items:center; justify-content:center; position:relative; width:50%; display:flex; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.intro-wrap .item:after {top:0; left:0; right:0; bottom:0; position:absolute; content:''; background:linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%) 50% / cover no-repeat;}
.intro-wrap .item:hover:after {display:none;}
.intro-wrap .item:hover .pulse-button {display:flex;}
.intro-wrap .inner {position:relative; z-index:100;}
.intro-wrap .logo {margin-bottom:30px;}
.intro-wrap h2 {font-size:30px; margin:0 0 20px; line-height:1.33em; letter-spacing:-.03em;}
.intro-wrap p {line-height:1.5em; letter-spacing:-.03em;}
.intro-wrap .pulse-button {width:80px; height:80px; bottom:60px; right:60px; z-index:100; position:absolute; display:none; align-items:center; justify-content:center; border-radius:50%; border:1px solid rgba(255, 255, 255, 0.20); background:rgba(255, 255, 255, 0.10); cursor:pointer; box-shadow:0 0 0 0 rgba(255, 255, 255, 0.2); animation:pulse 1.5s infinite;}
.intro-wrap .pulse-button:hover {animation:none;}

.lang-btn {position:absolute; top:30px; right:30px; z-index:100;}
.lang-btn a {padding:4px 18px; gap:10px; display:inline-flex; border-radius:50px; border:1px solid rgba(255, 255, 255, 0.22); background:rgba(255, 255, 255, 0.12); align-items:center;}
.lang-btn a span {color:#fff; text-align:center; line-height:1.5em; letter-spacing:-.03em;}
.lang-btn a .ico {margin-top:-2px; display:flex;}
.lang-btn a:hover {background-color:#fff;}
.lang-btn a:hover span {color:#454545;}
.lang-btn a:hover svg path {fill:#242424;}

@keyframes pulse {
    0% {transform:scale(0.9);}
    70% {transform:scale(1); box-shadow:0 0 0 40px rgba(255, 255, 255, 0);}
    100% {transform:scale(0.9); box-shadow:0 0 0 0 rgba(255, 255, 255, 0);}
}

@media (max-width:1024px) {
	.intro-wrap .logo {margin-bottom:20px;}
    .intro-wrap .logo img {height:80px;}
    .intro-wrap h2 {margin:0 0 15px; font-size:20px;}
    .intro-wrap .pulse-button {width:60px; height:60px; bottom:30px; right:30px;}
    .intro-wrap .pulse-button svg {height:20px;}
}

@media (max-width:700px) {
    .intro-wrap {display:block;}
    .intro-wrap .item {width:100%; height:50vh; overflow:hidden;}
	.intro-wrap .logo {margin-bottom:15px;}
    .intro-wrap .logo img {height:60px;}
    .intro-wrap h2 {margin:0 0 15px; font-size:18px;}
    .intro-wrap .pulse-button {width:50px; height:50px; bottom:20px; right:20px;}
    .intro-wrap .pulse-button svg {height:16px;}
	
	.lang-btn {top:15px; right:15px;}
	.lang-btn a {padding:4px 12px; gap:6px;}
	.lang-btn a .ico {width:13px; height:13px;}
}