@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+KR:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/szb7qdu.css");

@font-face {
    font-family: 'AvenirLTPro';
    src: url('/font/AvenirLTProMedium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}


html, body { font-family: "Inter", sans-serif;  font-size: 16px; padding: 0px; margin: 0px; }
ul, li { margin: 0px; padding: 0px; list-style:none; }
* { box-sizing: border-box; }
.pc_only { display:inline-block !important; }
.mo_only { display:none !important; }

#rsk { flex-direction:column; justify-content:flex-start; display:flex; }
#rsk .nav { z-index: 99; width: 100%; height: auto; background-color: #000000; order: -1; justify-content: space-between; align-items: center; margin-right: 0; padding-bottom: 0; padding-right: 0; display: flex; position: -webkit-sticky; position: sticky; top: 0; box-sizing:border-box; }
#rsk .nav ul { width: 100%; font-size: 0px; text-align:center; }
#rsk .nav li { display:inline-block; width: 20%; }
#rsk .nav li a { display:block; font-family: 'AvenirLTPro'; font-size: 24px; color: #fff; text-align: center; line-height: 40px; height: 40px; text-decoration:none; }
#rsk .nav li:last-child a { border-right: 0px; }
#rsk .nav li a:hover, #rsk .nav li.active a { background-color:#fff; color:#000; }
#rsk .nav li { position: relative;  }

#rsk .cover { position: relative; height: 100vh; margin: 0; padding: 0; overflow: hidden; background-image: url("/image/main_cover.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
#rsk .cover .caption { position: absolute; bottom: 15%; left: 0; right: 0; text-align: center; z-index: 10; opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; pointer-events: none; }
#rsk .cover .caption.is-visible { opacity: 1; transform: translateY(0); }
#rsk .cover .caption .kor { font-size: 18px; color: #b6b6b6; line-height: 29px; margin-bottom: 30px; }
#rsk .cover .caption .eng { font-family: "Inter", sans-serif; font-size: 18px; color: #e9e9e9;  line-height: 19px; margin-bottom:30px; }


.rsk_part .image img { width:100%; }

.rsk_part img, .rsk_part picture { display: block; }

#work { background-color:#141414; }
#work .caption { text-align:center; }
#work .caption h2 { font-family: "Inter", sans-serif; font-size: 50px; font-weight: 600; color:#fff; margin:0px; }
#work .caption p { font-size: 18px; color:#fff; font-weight: 300; margin: 0px; }

#partners { position: relative; margin: 0; padding: 0; overflow: hidden; background-color: #000; background-image: url("/image/partner_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; margin-top: -5px; padding: 100px 0px 50px 0px; }
#partners .partner-slider { overflow: hidden; width: 100%; padding: 5px 0 ; }
#partners .partner-slider .track { display: flex; width: max-content; }
#partners .partner-slider ul { display: flex; align-items: center; }
#partners .partner-slider li { margin-right: 40px; /* 이미지 간격 */ flex-shrink: 0; }
#partners .partner-slider img { height: 60px;       /* 🔥 모든 이미지 높이 동일 */ width: auto; display: block; }
#partners .partner-slider.left .track { animation: slide-left 30s linear infinite; }
#partners .partner-slider.right .track { animation: slide-right 30s linear infinite; }
@keyframes slide-left { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes slide-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }


.footer { background-color: #000000; padding-top: 50px; }

.footer .company { padding: 20px 60px 50px 60px; }
.footer .company ul { }
.footer .company li { font-size:9px; color:#fff; margin: 3px 15px 3px 0px;}
.footer .company li:first-child { font-size: 20px; margin-bottom:20px; }
.footer .company li:last-child { margin-top:20px; }
.footer .company li span { display:inline-block; width:40px; margin-right:10px; }
.footer .company li a { color:#fff; text-decoration:none; }

.footer .logo { padding: 15px 60px; border-top: 1px solid #707070;}
.footer .logo img { max-width: 144px; }


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

@media screen and (max-width: 991px) {
	#rsk .nav li a { font-size:18px; }
	#rsk .cover .caption .kor { font-size:16px; line-height:28px; }
	#rsk .cover .caption .eng { font-size:14px; line-height:20px; }
}

@media screen and (max-width: 767px) {
	#rsk .nav li a { font-size:16px; }
	#rsk .cover { background-image: url("/image/main_cover_mo.jpg");  }
	#rsk .cover .caption .kor { font-size:14px; line-height:24px; }
	#rsk .cover .caption .eng { font-size:11px; line-height:14px; }
	#rsk #partners { background-image: url("/image/partner_bg_mo.jpg"); padding: 90px 0px 50px 0px; }
	#partners .partner-slider img { height:30px; }
	.footer .copyright { padding: 20px; }
	.footer .copyright .part { font-size: 12px; }
	.footer .company { padding: 20px; }
	.footer .logo { text-align: center; padding: 15px 20px; }
}

@media screen and (max-width: 479px) {
	#rsk .nav li a { font-size:14px; }
	#rsk .cover .caption .kor { font-size:11px; line-height:20px; }
	#rsk .cover .caption .eng { font-size:9px; line-height:14px; }
	.footer .copyright .part { font-size: 10px; }

}