@charset "UTF-8";
#wrap { width: 100%; height: 100vh; }
.inner { display: flex; height: 100%; }
.videoSect { padding: 0 140px; align-content: center; }
.videoSect .video { width: 1073px; aspect-ratio: 16/9; height: auto; border-radius: 20px; overflow: hidden; margin-bottom: 24px; }
.videoSect .video iframe { width: 100%; height: 100%; }
.videoSect .text { text-align: center; font-size: 16px; line-height: 1.25; }
.videoSect .text strong { }
.videoSect .text strong.blue { }
.videoSect .text .eng { margin-bottom: 16px; }
.videoSect .text .kor { }
.menuSect { }
.menuSect > article { text-align: center; height: 50%; align-content: center; background: url(/landing/asset/images/bg-wss.jpg) no-repeat center / cover; color: #fff; padding: 0 48px; }
.menuSect .logo { width: 268px; height: 80px; background: url(/landing/asset/images/logo-wss.png) no-repeat center / contain; margin: 0 auto 24px; }
.menuSect .name { font-size: 40px; margin-bottom: 20px; }
.menuSect .desc { margin-bottom: 30px; }
.menuSect .desc strong { display: block; margin-bottom: 6px; font-weight: 600; font-size: 20px; }
.menuSect .desc span { font-size: 16px; color: #C4C4C4; }
.menuSect .desc span i { color: #fff; font-style: normal; display: block; }
.menuSect .btn-site { border: 1px solid rgba(255, 255, 255, 0.22); background: rgba(0, 0, 0, 0.22); padding: 14px 32px; display: flex; align-items: center; justify-content: space-between; width: 268px; height: 50px; border-radius: 47px; margin: 0 auto;}
.menuSect .btn-site:hover { background: var(--cBlue); border-color: var(--cBlue); }
.menuSect .btn-site:hover i { background: #fff; }
.menuSect .btn-site:nth-of-type(1) { margin-bottom: 10px;}
.menuSect .btn-site i { display: block; width: 16px; height: 16px; border-radius: 50%; }
.menuSect .wellsys { }
.menuSect .steel { background-image: url(/landing/asset/images/bg-stl.jpg); }
.menuSect .steel .logo { background-image: url(/landing/asset/images/logo-stl.png); }
.menuSect .steel .btn-site:hover  { background: var(--cRed); border-color: var(--cRed); }