@charset "utf-8";

@media (max-width: 1600px) {
	/* HEADER */
	#gnb:hover > ul > li {padding: 0 50px;}

	/* MAIN */
	.main .section .btn-scroll-down {right: 15px;}

	/* FOOTER */
	.btn-scroll-top {right: 15px;}
}

@media (max-width: 1400px) {
	/* HEADER */
	#gnb > ul > li {padding: 0 25px;}
	#gnb:hover > ul > li {padding: 0 40px;}
	#gnb > ul > li > a {font-size:18px;}
	#gnb .submenu ul li a {font-size:16px;}
}

@media (max-width: 1200px) {
	/* HEADER */
	#gnb:hover > ul > li {padding: 0 25px;}
}

@media (max-width: 1024px) {
	/* HEADER */
	#header {height:80px;}
	#header.hide {transform:translateY(0);}
	#header.scrolled {background: rgba(255,255,255,0.4);}
	#header .logo img {width: 100px;}
	#gnb {display:none;}

	.s402 .sitemap-btn span,
	.s403 .sitemap-btn span {background: #0F367A;}
	.s402 .sitemap-btn span:before,
	.s402 .sitemap-btn span:after,
	.s403 .sitemap-btn span:before,
	.s403 .sitemap-btn span:after {background: #111;}

	/* FULLPAGE */
	.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell, .fp-scrollable {height: auto !important;}

	/* MAIN */
	.main #sec01 {height: 100vh !important;}
	.main #sec01 .fp-tableCell,
	.main .anchor-section .fp-tableCell {height: 100% !important;}

	.main .anchor-section {height: 100vh !important;}
	.main .anchor-section .backdrop-text {font-size: 110px;}
	.main .anchor-section-display .backdrop-text {top: 120px; right: -140px;}
	.main .anchor-section-automotive .backdrop-text {bottom: 10px; left: 20px;}
	.main .anchor-section-esg .backdrop-text {top: 35px; left: 20px;}
	.main .anchor-section-inquiry .backdrop-text {bottom: 110px; right: -120px;}
	.main .anchor-section .main-section-cate {font-size: 22px; margin-bottom: 20px;}
	.main .main-section-title {font-size: 52px;}
	.main .anchor-section .main-section-title {margin-bottom: 50px;}
	.main .anchor-section .main-section-btn .text {font-size: 16px;}
	.main .anchor-section .main-section-btn a:hover .arrow:after {width: 130px; height: 50px;}

	/* 제품소개 */
	.main .product-section {padding: 120px 0;}
	.main .product-section-header {flex-direction: column; gap: 0; margin-bottom: 40px;}
	.main .product-section-title {font-size: 50px; margin-bottom: 30px;}
	.main .product-section-desc {font-size: 18px; margin-bottom: 30px;} 
	.main .product-section-buttons a {padding: 16px 130px 16px 25px; font-size: 16px;}
	.main .product-section-buttons a:after {right: 22px;}
	
	.main .product-section-list {flex-wrap: wrap;}
	.main .product-section-item {width: 100%; flex: auto;}
	.main .product-section-item:hover {flex: auto;}
	.main .product-section-item a {height: auto;}
	.main .product-section-item .backdrop {background-size: cover;}
	.main .product-section-item:hover .backdrop {transform: scale(1);}
	.main .product-section-item .content {gap: 130px 0; padding: 50px 40px;}
	.main .product-section-item .content .title {opacity: 1; width: 100%; font-size: 40px;}
	.main .product-section-item:hover .content .title {opacity: 1;}
	.main .product-section-item .content .btn {opacity: 1; transform: translateX(0);}
	.main .product-section-item:hover .content .btn {opacity: 1;}
	.main .product-section-item .content .btn .text {font-size: 16px;}
	.main .product-section-item .content .btn:hover .arrow:after {width: 128px; height: 50px;}
	.main .product-section-item .intro-title {opacity: 0;}

	/* FOOTER */
	.footer {padding: 60px 0 50px;}
	.footer-logo {margin-bottom: 30px;}
	.footer-logo img {width: 100px;}
	.footer-info {margin-bottom: 30px; font-size: 15px;}
	.footer-info .company-name {margin-bottom: 10px;}
	.footer-info .address {margin-bottom: 6px;}
	.footer-terms .copyright {font-size: 15px;}
	.footer-terms .terms a {font-size: 15px;}

	.btn-scroll-top {bottom: 110px; right: 15px; width: 54px; height: 54px;}
}

@media (max-width: 768px) {
	/* HEADER */
	#header {height:60px;}
	#header .logo img {width: 80px;}

	/* MAIN */
	.main .section .btn-scroll-down {bottom: 60px;}
	.main .anchor-section .backdrop-text {font-size: 60px;}
	.main .anchor-section-display .backdrop-text {top: 50px; right: -60px;}
	.main .anchor-section-automotive .backdrop-text {bottom: 10px; left: 10px;}
	.main .anchor-section-esg .backdrop-text {top: 35px; left: 10px;}
	.main .anchor-section-inquiry .backdrop-text {bottom: 70px; right: -60px;}
	.main .anchor-section .main-section-cate {font-size: 18px; margin-bottom: 20px;}
	.main .main-section-title {font-size: 38px;}

	/* 제품소개 */
	.main .product-section {padding: 100px 0;}
	.main .product-section-title {font-size: 38px; margin-bottom: 20px;}
	.main .product-section-desc {font-size: 16px; margin-bottom: 20px;} 
	.main .product-section-buttons a {padding: 16px 75px 16px 25px; font-size: 16px;}
	.main .product-section-buttons a:after {right: 22px;}

	.main .product-section-item .content {gap: 100px 0; padding: 40px 20px;}
	.main .product-section-item .content .title {font-size: 30px;}

	/* FOOTER */
	.footer {padding: 60px 0 50px;}
	.footer-logo {margin-bottom: 20px; text-align: center;}
	.footer-logo img {width: 80px;}
	.footer-info {margin-bottom: 25px; text-align: center;}
	.footer-info ul {justify-content: center;}
	.footer-terms {flex-direction: column; justify-content: center;}
	.footer-terms .copyright {text-align: center; margin-bottom: 8px;}
	.footer-terms .terms {justify-content: center;}

	.btn-scroll-top {bottom: 60px; width: 50px; height: 50px;}
}

@media (max-width: 480px) {
	.main .product-section-item .content {gap: 80px 0;}
}