@charset "utf-8";

@media (max-width: 1400px) {
	/* HEADER */
	#gnb>ul>li {padding:0 40px;}
	#gnb>ul>li>a {display:inline-block; font-size: 18px;}

	/* MAIN */
	.main-visual .item .text {right: 20px;}
	.main-visual .controler {left: 20px;}

	/* SUB */
	.sub-section-inner {gap: 100px;}
}

@media (max-width: 1024px) {
	/* HEADER */
	#header {height: 80px;}
	#header.hide {transform:translateY(0);}
	#header .logo {padding: 0; height: 100%; align-content: center; text-align: left;}
	#header .logo img {width: 180px;}
	#gnb {display:none;}
	.sitemap-btn {bottom: auto; top: 50%; transform: translateY(-50%);}

	/* MAIN */
	.main-visual {position: relative; width: 100%; margin-top: 80px;}
	.main-visual .item {position: relative; width: 100%; height: calc(100dvh - 80px);}
	.main-visual .item .text p {font-size: 15px;}
	.main-visual .paging {gap: 18px;}
	.main-visual .paging .num {font-size: 16px;}
	.main-visual .paging .slick-dots .slick-active .dot {width: 60px;} 
	
	.quick-links {padding: 60px 0 80px;}
	.quick-links-list {flex-wrap: wrap; margin: -5px;}
	.quick-links-item {flex: auto; width: 50%; padding: 5px;}
	.quick-links-item a {gap: 30px; padding: 35px 25px 25px;}
	.quick-links-item .quick-links-title {font-size: 22px;}
	.quick-links-item .quick-links-arrow {width: 46px; height: 46px;}
	.quick-links-item .quick-links-icon {width: 70px;}

	/* FOOTER */
	#footer {padding: 50px 0;}
	#footer .wrap {flex-direction: column; align-items: flex-start;}
	#footer .company-info {font-size: 16px;}
	#footer .terms ul {justify-content: flex-start;}
	#footer .terms ul li a {font-size: 16px;}

	/* SUB */
	.sub-visual {height: 380px; margin-top: 80px;}
	.sub-visual p {font-size: 52px;}

	.sub-cont {padding: 100px 0 130px;}

	.page-title {margin-bottom: 40px;}
	.page-title h2 {font-size: 42px; padding-top: 35px;}
	.page-title p {font-size: 22px;}

	.contact-link {margin-bottom: 20px;}
	.contact-link a {width: 220px; font-size: 16px; padding: 6px 20px;}

	.sub-section:not(:last-child) {margin-bottom: 100px;}
	.sub-section-inner {flex-direction: column; gap: 50px;}
	.sub-section-title {max-width: none;}
	.sub-section-title h3 {padding-top: 35px; font-size: 32px;}
	.sub-section-title h3 br {display: none;}
	.sub-section-content {width: 100%; flex: auto; padding-top: 0; border-top: none;} 

	.omni-intro-title {margin-bottom: 30px;}
	.omni-intro-title p {font-size: 20px;}
	.omni-intro-title .size {font-size: 15px; padding: 4px 20px;}
	.omni-intro-desc {margin-bottom: 40px;}
	.omni-intro-desc p {font-size: 16px;} 
	.omni-box-wrap {gap: 10px;} 
	.omni-img-box {padding: 40px 30px;}
	.omni-img-box figcaption {font-size: 20px; margin-bottom: 15px;}
	.omni-text-box {padding: 18px 30px;}
	.omni-text-box p {font-size: 18px;}
	.omni-list {margin: -20px -5px;}
	.omni-list li {padding: 20px 5px;}
	.omni-list-title {padding: 16px 30px; margin-bottom: 30px; font-size: 20px;}
	.omni-list-desc {padding: 0 30px;}
	.omni-list-desc p {font-size: 16px; padding-left: 16px;}
	.omni-list-desc p:before {top: 11px;}
	.omni-performance .omni-img-box {padding: 30px 30px 40px;}
	.omni-performance .omni-img-box figure {margin-bottom: 20px;}
	.omni-performance .omni-img-box .text p {font-size: 15px;}
}

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

	/* MAIN */
	.main-visual .item .text {bottom: 20px;}

	.quick-links-item a {gap: 20px;}
	.quick-links-item .quick-links-title {font-size: 20px;}
	.quick-links-item .quick-links-icon {width: 60px;}

	/* FOOTER */
	#footer {padding: 40px 0;}
	#footer .company-info {font-size: 15px;}
	#footer .terms ul li a {font-size: 15px;}

	/* SUB */
	.sub-visual {height: 300px; margin-top: 80px;}
	.sub-visual p {font-size: 38px;}

	.sub-cont {padding: 80px 0 100px;}
	.page-title h2 {font-size: 34px; padding-top: 35px;}
	.page-title p {font-size: 18px;}

	.sub-section:not(:last-child) {margin-bottom: 80px;}
	.sub-section-inner {gap: 40px;}
	.sub-section-title h3 {padding-top: 25px; font-size: 26px;}

	.omni-intro-title {flex-direction: column; align-items: flex-start; gap: 10px;}
	.omni-intro-title p {font-size: 20px;}
	.omni-intro-desc {margin-bottom: 40px;}
	.omni-img-box {padding: 30px 20px;}
	.omni-list li {width: 100%;}
	.omni-list-title {padding: 16px 20px; margin-bottom: 20px;}
	.omni-list-desc {padding: 0 20px;}
	.omni-performance .omni-img-box {padding: 20px 20px 30px;}
	.omni-performance .omni-img-box .text p {font-size: 14px;}
}

@media (max-width: 480px) {
	/* MAIN */
	.quick-links-item {width: 100%;}
}